注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery点击展开显示文字内容代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-06
jQuery点击展开显示文字内容代码
一款简单实用的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>