简单实用的jQuery点击展开显示文字内容代码，默认情况下只显示标题，点击展开按钮时，所有内容全显示，展开按钮变为收起按钮，点击收起按钮即收起展开的文字内容。
效果图
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>
本文标题: jQuery点击展开显示文字内容代码
本文链接: https://mbkfw.com/course/j-604.html (转载时请注明来源链接)
本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com QQ/290948585
特别鸣谢: 如果您觉得本文对您有帮助，请给我们一个小小的赞，收藏本文更利于反复学习哦！
下班PC阅读不方便？
手机也可以随时学习开发
微信扫一扫
评易近人
累计评论达10条
2022-08-21 获得
分享达人
分享他人文章达到10篇
2022-08-19 获得
打卡狂魔
连续登录满60天
2022-08-16 获得
满勤成就
连续登录满30天
2022-08-15 获得
累计签30天
累计达30天签到
2021-08-04 获得
赞无不胜
累计点赞达30次
2021-08-03 获得
初见码名
文章累计获赞达50
2017-08-04 获得
助人为乐
长期无私奉献乐于助人
2015-09-12 获得
持之以恒
累计发文达50篇
2015-09-12 获得
搬运工
网络资源搬运者
2015-09-03 获得
1024超级勋章
10.24当天发文
2014-10-24 获得
连续签7天
连续签到7天
2013-09-12 获得
宣传大使
宣传形象大使
2013-09-12 获得
挑战自我
累计发文达30篇
2013-09-12 获得
插件
插件用户
2013-07-10 获得
定制
定制用户
2013-07-10 获得
开发者
编程开发者
2013-07-10 获得
新一代前端开发引领者
关注我们
微信公众号
微信小程序
微信客服
川公网安备 51010702002669号
18605917465
客服QQ