Mam menu główne, które wyświetli podmenu ze zdarzeniem click w jquery (klient chciał zostać kliknięty zamiast hovera), więc zadziałałam, ale nadal nie mogę zrozumieć jednej rzeczy: menu i podmenu działają poprawnie gdy klikam „nowości”, podmenu ładnie zsuwa się, a gdy klikam „wiadomości”, zamyka się, ale jeśli po otwarciu podmenu wiadomości i kliknięciu „zasobów”, pojawia się odpowiednie podmenu, ale podmenu wiadomości pozostaje otwarte, Chcę, aby poprzednie podmenu zamknęło się po kliknięciu innego elementu menu lub poza obszarem menu głównego. oto co mam:

<ul id="MainMenu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li>
              <a href="#">News</a>
              <ul class="noJS">
                <li><a href="#">sub menu 1</a></li>
                <li><a href="#">sub menu 2</a></li>
                <li><a href="#">sub menu 3</a></li>
                <li><a href="#">sub menu 4</a></li>
                <li><a href="#">sub menu 5</a></li>
                <li><a href="#">sub menu 6</a></li>
            </ul>                         
        </li>
        <li><a href="#">Jobs</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Admin</a></li>
        <li>
            <a href="#">Resources</a>
            <ul class="noJS">
                <li><a href="#">sub menu 1</a></li>
                <li><a href="#">sub menu 2</a></li>
                <li><a href="#">sub menu 3</a></li>
                <li><a href="#">sub menu 4</a></li>
                <li><a href="#">sub menu 5</a></li>
                <li><a href="#">sub menu 6</a></li>
            </ul>
        </li>
        <li class="lastChild"><a href="#">New Button</a></li>
    </ul>

i jquery:

    $(function(){
$('#MainMenu').find('> li').click(function(){
    $(this).find('ul')
    .stop(true, true).slideToggle(400); 
    return false;       
});    
});