jQuery实现简单的手风琴菜单效果例子

本文给出了用jQuery实现简单手风琴菜单效果的方法，供大家参考，具体的实现方法如下：
（函数（$）{）
无功allpanels = $（'。手风琴> DD的）隐藏（）；
Click（函数（）{（）{）
AllPanels.slideUp（）；
$（这）。父（）。下（）SlideDown（）；
返回false；
}）；
}（jQuery）；

HTML代码：
面板1
Pellentesque fermentum dolor。Aliquam Quam lectus，facilisis卖主，ultrices UT elementum vulputate，
面板2
据说NEC胡斯托亚图猫属facilisis发酵。porttitor，莫里斯坐特
面板3
乱数假文悲哀坐特，您adipiscing精英。phasellus部。pellentesque aliquet nibh NEC眉间白毫。倪思讷雀，aliquet VEL，dapibus ID，马蒂斯VEL，NiSi。SED Pretium，唇舌sollicitudin laoreet灵猫tortor自由人，sodales Leo，亚图blandit西面tortor欧盟nibh。Nullam mollis。但胡斯托。suspendisse潜力。
说明部分：
对不起，如果你不使用SASS。/应该很容易转换…
{。手风琴
保证金：50px；
dt
填料：10px；
border: 1px solid黑；
边界底部：0；
{类型的最后一个
底部边框：1px solid黑；
}
{
显示块；
颜色：黑色；
字体粗细：粗体；
}
}
{ DD
边界顶部：0；
字体大小：12px；
{类型的最后一个
边境上：1px solid白色；
职位：相对；
上图：- 1px；
}
}
}

希望本文能对大家的jQuery程序设计有所帮助。