温馨提示×

温馨提示×

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

密码登录×

忘记密码？

登录注册×

获取短信验证码

其他方式登录

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

用户登录×

账户密码登录

请使用微信扫描上方二维码

使用帮助

请求超时！

请点击重新获取二维码

Jquery折叠效果

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

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折叠效果

向AI问一下细节

推荐阅读：

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

上一篇新闻：
Linux centos7 安装mysql5
下一篇新闻：
nagios使用check_traffic.sh监控网卡流量

猜你喜欢

AI
助
手

产品服务

地区划分

专题活动

帮助支持

关于我们

售后咨询

7*24小时在线电话：400-100-2938

7*24小时在线 QQ：800811969

关注亿速云

亿速云公众号

手机网站二维码