boostrap顶部导航条实现多级菜单,点击后上一级菜单保留状态

html:







        

        

js:

$(document).ready(function() {
    $('.navbar a.dropdown-toggle').on('click', function(e) {
        var $el = $(this);
        var $parent = $(this).offsetParent(".dropdown-menu");
        $(this).parent("li").toggleClass('open');


        if(!$parent.parent().hasClass('nav')) {
            $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4});
        }


        $('.nav li.open').not($(this).parents("li")).removeClass("open");


        return false;
    });
});

你可能感兴趣的:(boostrap顶部导航条实现多级菜单,点击后上一级菜单保留状态)