jQuery文章列表文字内容展开收起代码

来源:https://www.sucaihuo.com/js/3670.html 2018-05-08 16:39浏览(1911) 收藏

简单实用的jQuery文章列表文字内容展开收起代码,默认只显示标题,点击展开按钮时,详细文字描述内容显示出来,再点击收起按钮则恢复只显示标题的状态。
jQuery文章列表文字内容展开收起代码
分类:文字特效 > 文字列表 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script>
    $(function(){
        $(".biji-content").hide();
        //按钮点击事件
        $("button").click(function(){
            var txts = $(this).parents("li");
            if ($(this).text() == "展开"){
                $(this).text("收起");
                txts.find(".biji-tit").hide();
                txts.find(".biji-content").show();
            }else{
                $(this).text("展开");
                txts.find(".biji-tit").show();
                txts.find(".biji-content").hide();
            }
        })
    });
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2