jQuery实现DIV层收缩展开的方法_jquery

来源：动视网责编：小采时间：2020-11-27 21:34:50

jQuery实现DIV层收缩展开的方法_jquery

jQuery实现DIV层收缩展开的方法_jquery:本文实例讲述了jQuery实现DIV层收缩展开的方法。分享给大家供大家参考。具体实现方法如下：代码如下: jQuery实现DIV层的收缩展开效果 /* 收缩展开效果 */ .text{line-height:22px;padding:0 6px;color:#666;} .box h1{p

推荐度：

点击下载本文 文档为doc格式

导读jQuery实现DIV层收缩展开的方法_jquery:本文实例讲述了jQuery实现DIV层收缩展开的方法。分享给大家供大家参考。具体实现方法如下：代码如下: jQuery实现DIV层的收缩展开效果 /* 收缩展开效果 */ .text{line-height:22px;padding:0 6px;color:#666;} .box h1{p

本文实例讲述了jQuery实现DIV层收缩展开的方法。分享给大家供大家参考。具体实现方法如下：

代码如下:

jQuery实现DIV层的收缩展开效果

// 收缩展开效果
$(document).ready(function(){
$(".box h1").toggle(function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
},function(){
$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
});
});