javascript - jQuery 动画导航如何在单击时折叠其他元素

Question

我有一个用 jquery 动画的导航菜单，当我单击一个元素时，我希望其他菜单声音折叠起来。查看代码以查看我尝试这样做但没有成功。此外，我希望菜单声音在我单击用于打开它的同一元素时折叠，或者如果我单击其他主要元素(橙色)，而不是在我单击子元素(白色)时折叠。对不起我的英语我希望它很清楚。请参阅 jsfiddle 进行澄清。取消注释行以查看我的尝试。

http://jsfiddle.net/uwv0a6bL/

$('.main-nav li a').on('click', function(event) {

// $('.main-nav li a').not(this).parents().removeClass('open');

$(this).siblings('.submenu').toggleClass('open');    

});

Answer 1

$('.main-nav li a').on('click', function(event) {

    // $('.main-nav li a').not(this).parents().removeClass('open');

    $(this).siblings('.submenu').toggleClass('open');   
    $(this).parent().siblings().children('.open').removeClass('open');

});

http://jsfiddle.net/uwv0a6bL/6/