jQuery переключить, закрыть другие элементы, когда текущий открыт

Question

Я пытаюсь создать меню, которое переключается, когда вы нажимаете на него, и скрывает другое меню (если они в настоящее время открыты). Он отлично работает, но как только вы открываете меню, его невозможно закрыть.

Вот мой JQuery код ...

$(function() { 
    $('.acctnav > li').click(function() { 
    $('.acctnav ul').hide(); 
    $(this).children('ul').slideToggle(); 
    }); 
}); 

Вот ссылка на код пером ... http://codepen.io/anon/pen/yifmo

Я хотел бы сделать следующее ...

1. Когда вы нажимаете ссылку меню, она открывается.
2. Когда вы нажимаете вторую ссылку с открытым меню, первое меню должно закрываться, и отображается следующее меню.
3. Затем, когда вы нажимаете второе меню (в настоящее время открытое), это должно теперь закрываться.

Благодаря

Answer 1

я Модифицированный JQuery код, проверить его:

$(function() { 
    $('.acctnav > li').click(function() { 
    $('.acctnav ul').hide(); 

    $(this).children('ul').slideToggle(); 


    }); 
});