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

yzch6671

1年前发布

047320

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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END