jQuery 模仿QQ分组写法 <ulclass="menu"><li><divclass="title"><iclas

我的好友

张三

我的家人

张三

我的家人

张三

//让所有的i标签都换样式

let other_li = $(this).parent().siblings()

//other_li 的意思就是等于 title父级的所有兄弟元素就是(li)

//parent() 方法返回被选元素的直接父元素。

//siblings() 获得匹配的兄弟元素

other_li.find('i').addClass('icon-Icon-KeyboardArrow-Down-Rounded-copy')

// find 查找这个元素

.removeClass('icon-Icon-KeyboardArrow-Down-Rounded')

//list收起来

other_li.find('.list').hide()

//hide 隐藏的意思

$(this).find('i')

.toggleClass('icon-Icon-KeyboardArrow-Down-Rounded-copy')

.toggleClass('icon-Icon-KeyboardArrow-Down-Rounded')

//toggleClass 对设置或移除被选元素的一个或多个类进行切换

$(this).next().toggle()

// slideToggle 通过使用滑动效果，在显示和隐藏状态之间切换

})