it-swarm.com.de

einfaches erweiterbares vertikales Menü, Javascript-Problem

Ich versuche, ein einfaches erweiterbares Menü in WordPress zu erstellen. Unten sehen Sie das von mir verwendete Javascript (kopieren und mischen aus dem Internet).

<script type="text/javascript">
    $(document).ready(function($) {
        $('#access li').has('ul').addClass('has_submenu');
        $('#access ul li.has_submenu a').click(function() {
            $("#access ul ul").toggleClass("showHide");
        }); 
    });
</script>

Der erste Teil ist ok , Skript fügt die Klasse has_submenu zu meinem Menü hinzu.

Der zweite Teil sollte die showHide-Klasse umschalten. Mein Problem ist, dass beim Klicken die showHide-Klasse erscheint, aber gleich danach verschwindet (Seite wird neu geladen).

Danke für die Hilfe :)

1
Matus

Versuche dies :

<script type="text/javascript">
    $(document).ready(function($) {
        $('#access li').has('ul').addClass('has_submenu');
        $('#access ul li.has_submenu > a').click(function(event) {
            event.preventDefault();
            $("#access ul ul").toggleClass("showHide");
        }); 
    });
</script>

Siehe event.preventDefault in der jQuery-API.

3
mike23