jquery实现简单的手风琴效果

好久没发了，来随便发发，利用jquery中的slideUp和silideDown来实现。
代码中有注释。
一个简单的上下滑动手风情效果。 首先看看html代码： The _disibledevent=>kshdkgskgbbjsdhkg
The Two
kshdkgskgbbjsdhkg
The Three
kshdkgskgbbjsdhkg
JS部分： 首先还是要引用jquery框架。 $(document).ready(function(){ $("._item").hide(); $("._item:first").show(); $("._title").click(function(){ if($(this).next().is(":hidden")) //判断当前点击的元素的下一个元素是否是hide状态 { $("._item").slideUp(); $(this).next().slideDown(); } }) }) 效果演示地址 来源：http://www.colorff.com

延伸阅读