jQuery手风琴左侧下拉三级菜单效果

jQuery手风琴左侧下拉三级菜单效果

使用方法

引用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');
    }
}