auf der Webseiteoshadi-yoga.ch Ich möchte ein Navigationsmenü mit einer Liste wie dieser erhalten:

<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>

Ich habe ein paar Fragen geschrieben, um einen Akkordeoneffekt zu erzielen. Wenn Sie auf die erste Ebene klicken, wird die zweite Liste mit einem Wechseleffekt geöffnet:

<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>

Jetzt ist das Untermenü ausgeblendet, wenn Sie die Seite öffnen. das ist richtig. Sie klicken auf einen Menüpunkt und das Untermenü wird angezeigt. das ist richtig. Es gibt keinen Link zu einer Seite in der ersten Ebene. Dann klicken Sie auf einen Link in der zweiten Ebene, die Seite wird geöffnet, aber die zweite Ebene<ul> ist für ein paar Sekunden versteckt. das ist der fehler.

leider kann ich das jquery script nicht korrigieren. Kann mir jemand helfen oder hat ich ein Beispiel für ein Menü, das ich brauche?