开发者

jquery Vertical Sliding Menu

开发者 https://www.devze.com 2023-02-22 13:44 出处:网络
trying to implement menu from :this tutorial, but dont know how to make开发者_如何学Python when one submenu is toogle open to automaticly closed himself when another is toogle open.

trying to implement menu from :this tutorial, but dont know how to make开发者_如何学Python when one submenu is toogle open to automaticly closed himself when another is toogle open. thx


you can use a selector to get "Not This", on the this.click event which will return all of the other menus and will allow you to close them.

Supplying some source code will probably get you a better answer.


You could close all open toggles before the new one is opened.

    $(document).ready(function(){
    hideMenus();

    $('.toggle').click(function(){
        var menu = $(this);
        hideMenus();

        if (menu.hasClass('toggle-open')) {     
            menuHide(menu);
        }else{
            menuShow(menu);
        }
    });
});
function hideMenus(){
    $('.toggle').each(function(){
        menuHide($(this));
    });
}

function menuHide(menu){ 
    menu.removeClass('toggle-open').addClass('toggle-closed').empty('').append('+').parents('li').children('ul').slideUp(250); 
    menu.parent('.menutop').removeClass('menutop-open').addClass('menutop-closed'); 
} 
function menuShow(menu){ 
    menu.parent('.menutop').removeClass('menutop-closed').addClass('menutop-open'); 
    menu.removeClass('toggle-closed').addClass('toggle-open').empty('').append('–').parents('li').children('ul').slideDown(250); 
}
0

精彩评论

暂无评论...
验证码 换一张
取 消