jquery手风琴效果

手风琴效果主要用的是query中的迭代器遍历,以及结点之间的关系,进行整合。本篇给一个简单的例子,进行说明,重点在以下几个方面:

1、jquery each方法的使用

2、jquery boolean类型的开关

3、结点的判断与使用方式

4、jquery 对类中的index的读取


html代码


css样式:

jquery实现手风琴部分



效果图:

展开:

jquery手风琴效果_第1张图片

关闭:

jquery手风琴效果_第2张图片

你可能感兴趣的:(jquery)