
使用方法
引用font-awesome.min.css字体库样式;引用jquery-2.1.4.min.js库;
通过jq实现菜单的可伸拉;
/**
* @param dom 点击的当前元素
* @param drop 下一级菜单
*/
function dropSwift(dom, drop) {
//点击当前元素,收起或者伸展下一级菜单
dom.next().slideToggle();
//设置旋转效果
//1.将所有的元素都至为初始的状态
dom.parent().siblings().find('.fa-caret-right').removeClass('iconRotate');
//2.点击该层,将其他显示的下滑层隐藏
dom.parent().siblings().find(drop).slideUp();
var iconChevron = dom.find('.fa-caret-right');
if (iconChevron.hasClass('iconRotate')) {
iconChevron.removeClass('iconRotate');
} else {
iconChevron.addClass('iconRotate');
}
}