首页 | 4509 | 394 | 1835 | 添加收藏 上一个 下一个
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');

    }

}

搜索发现

下载榜 观看榜