jquery实现更多内容的（展开/收起功能）

最新推荐文章于 2024-05-16 09:09:56 发布

tbteam

最新推荐文章于 2024-05-16 09:09:56 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/u011982748/article/details/25994663

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文分享了一个简单的JavaScript实现内容展开与收起的功能。通过点击按钮切换内容的显示与隐藏状态，并更新按钮文本以反映当前操作。适用于网页上需要控制显示详细信息的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一朋友让我帮忙写个“更多内容的展开/收起”的js，不过写完后感觉不太满意。先用着吧

记录下来有待以后修改...

<script type="text/javascript">
			$(document).ready(function(){
				$("#clickBox").click(function(){
					var is_open = $("#moreCont").css("display");
					if(is_open == 'none'){
						$("#moreCont").css("display","block");
						$("#clickBox").html("【收起】");
					}else if(is_open == 'block'){
						$("#moreCont").css("display","none");
						$("#clickBox").html("【展开】");
					}else{}
				});
			});
		</script>