Jquery折叠效果

发布时间：2020-06-17 20:13:29 作者：1120173856
来源：网络阅读：1178

Jquery折叠效果

Jquery代码：

<script src="jquery-1.7.1.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

$(function(){

var t = [];

var dt = $("dl.collapse dt");

var dd = $("dl.collapse dd");

dt.each(function(i){

t[i] = false;

$(dt[i]).click((function(i,dd){

return function(){

if(t[i]){

$("dd").show(500);

t[i] = false;

}else{

$("dd").hide(500);

t[i] = true;

}

}

})(i,dd[i]));

})

})

</script>

HTML代码：

<body>

<dl class="collapse">

<dt>标题栏</dt>

<dd>内容框<br /><img src="p_w_picpaths/1.jpg" /></dd>

</dl>

</body>

说明：each() 方法规定为每个匹配元素规定运行的函数。

附图：

Jquery折叠效果

推荐阅读：

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

javascript jquery echo()

上一篇：Linux centos7 安装mysql5

下一篇：nagios使用check_traffic.sh监控网卡流量

相关阅读

您好，登录后才能下订单哦！

密码登录

忘记密码？

登录注册

获取短信验证码

其他方式登录

点击登录注册即表示同意《亿速云用户服务条款》

行业资讯-文章归档问答-问答归档