头像

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

2019-11-23 16:07:28 收藏 来源:it素材网   浏览(26)   评论 ( 0 )   

jQuery手风琴左侧下拉三级菜单效果
jQuery手风琴左侧下拉三级菜单效果使用方法引用font-awesome.min.css字体库样式;引用jquery-2.1.4.min.js库;通过jq实现菜单的可伸拉;/**  * @param dom
查看演示 下载资源:1 下载资源 下载积分:0
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');
    }
}


声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/js/205.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!