新闻资讯

新闻资讯 产品更新

展开、收起div的jQuery代码

编辑:007     时间:2015-06-03
<a href="javascript:;" id="toggle" target="_self">展开 代码中的:; 请自行更改成英文的冒号和分号再运行</a>
<div id="content" style="display: none;"><p>隐藏内容 www.rongsoft.cn<p><p>隐藏内容<p></div>
<script type="text/javascript" src="http://www.rongsoft.cn/statics/js/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#toggle").click(function() {
$(this).text($("#content").is(":hidden") ? "收起" : "展开");
$("#content").slideToggle();
});
});
</script>
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐