CSS-Dropdown-Menü bei Klick ausblenden

Question

Ich habe ein CSS-Dropdown-Menü, das funktioniert, wie ich es will, mit Ausnahme eines Teils, klicken Sie auf eines der Untermenüelemente nicht schließen das Untermenü.

Den meisten Leuten ist das wahrscheinlich egal, weil jeder Link sie auf eine neue Seite führt, aber meine bleibt einfach auf derselben Seite und ruft eine Javascript-Funktion auf.

Mit jquery, ich bin in der Lage, die Untermenüs auf Klick ausblenden, wie so:

        $("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui").hide();
        });

Nachdem jedoch ein Untermenü angeklickt wurde, werden nun alle Untermenüs für immer ausgeblendet. Gibt es eine Möglichkeit, sie wieder einzublenden, ohne etwas Kitschiges wie einen Timer zu machen? Oder gibt es einen besseren Weg, dies im Allgemeinen zu tun?

Hier ist die Seite, an der ich gerade arbeite: http://www.nba.com/warriors/wallpapertest_031.html

Vielen Dank im Voraus.

Answer 1

Zum Ausblenden können Sie einfach Folgendes verwenden

$("li.pureCssMenui").show();

Answer 2

Sie sollten das < UL > innen ausblenden, nicht das < LI > also etwas wie dies

$("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui ul").hide();
 });