先来个ul创建三个菜单分组,加上样式,类似于下图:
iconfont找右标签和下标签即可。
首先实现点击我的好友出现好友列表效果,先以普通写法为例:
更为简便的写法:
其中toggleClass()表示对设置或移除被选元素的一个或多个类进行切换,他可以表达成:
底部代码可以改成list.slideToggle(200)实现卷帘门效果
接着实现手风琴效果(打开一个关闭其他):
先让所有的i标签都换样式:
然后将list收起来:
other_li.find('.list').hide()
最终形式: