jQuery实现菜单分组效果

289 阅读1分钟

先来个ul创建三个菜单分组,加上样式,类似于下图: iconfont找右标签和下标签即可。 首先实现点击我的好友出现好友列表效果,先以普通写法为例: 更为简便的写法: 其中toggleClass()表示对设置或移除被选元素的一个或多个类进行切换,他可以表达成:

底部代码可以改成list.slideToggle(200)实现卷帘门效果

接着实现手风琴效果(打开一个关闭其他):

先让所有的i标签都换样式: 然后将list收起来: other_li.find('.list').hide()

最终形式: