web-dev-qa-db-fra.com

menu vertical extensible simple, problème de Javascript

J'essaie de créer un menu simple extensible dans wordpress. Ci-dessous, vous pouvez voir le javascript que j'utilise (copier et mixer à partir d'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>

La première partie est ok , le script ajoute la classe has_submenu à mon menu.

La deuxième partie devrait basculer la classe showHide. Mon problème est que quand je clique sur le showHide, la classe apparaît mais disparaît juste après (rechargement de page).

Merci pour l'aide :)

customizationmenusjavascript
1
Matus

Essaye ça :

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

Voir event.preventDefault dans l'API jQuery.

3
mike23