na stronie internetowejoshadi-yoga.ch lubię uzyskać menu nawigacyjne z listą w następujący sposób:

<code><ul>
    <li class="section-title">Yoga
        <ul style="display: none;">
            <li><a href="/">Approach</a></li>
            <li><a href="/">Asanas</a></li>
            <li><a href="/">Yoga</a></li>
            <li><a href="/">Kirtan</a></li>
        </ul>
    </li>
</ul>
</code>

napisałem jquery, aby uzyskać efekt akordeonu. jeśli klikniesz pierwszy poziom, druga lista otworzy się z efektem przełączania:

<code>    $(function() {
        $("#lbar li.section-title ul").hide();
        $("#lbar li.section-title").click(function() {
            $(this).find("ul").toggle();
        });
    });

    $(function() {
        $("#lbar li.section-titleact ul").show();
        $("#lbar li.section-titleact").click(function() {
            $(this).find("ul").toggle();
        });
    });

    $(function() {
        $("#lbar li.section-titleact ul li a").click(function() {
            $("#lbar li.section-titleact ul").css("display", "block");
        });
    });
</code>

teraz podmenu jest ukryte po otwarciu strony. to jest poprawne. klikniesz element menu i wyświetli się podmenu. to jest poprawne. nie ma linku do strony na pierwszym poziomie. następnie klikniesz link na drugim poziomie, strona zostanie otwarta, ale drugi poziom<ul> jest ukryty przez kilka sekund. to jest błąd.

niestety nie jestem w stanie poprawić skryptu jquery. czy ktoś może mi pomóc lub ma przykład potrzebnego menu?