Erstellen Sie ein Akkordeon für WordPress mit Jquery, brauchen Hilfe!

Question

Ich erstelle ein Akkordeon für WordPress und ich kann nicht scheinen, was ich falsch mache.

Letztendlich versuche ich, die untergeordneten Elemente zu verbergen, und wenn der Elternteil aktiviert wurde, wird das Kind angezeigt.

JS:

<script> 
    $(document).ready(function() { //hide child page 
     $('#content ul.menu ul li').hide(); 
     //when navigate to a child page show all pages 
     $('#content ul.menu li.current-menu-item').parent("ul").show(); 
     //show page list when toggle 
     $('#content ul.menu ul li.active ul').show(); 
     //show cerrent page's child page 
     $('#content ul.menu ul li.current-menu-item ul').show(); 

     $('#content .menu ul li').click(function() { 
      $(this).addClass("active"); 
      $(this).children('ul').slideToggle("slow"); 
     }); 
    }); 
</script> 

Der Standort: www.svadsi.info

Vielen Dank im Voraus.

Answer 1

Wordpress nicht immer mit jquery schön spielen.

Zuerst wollen Sie Ihren Code in

$(function() { 

statt

$(document).ready(function() { 

auch wickeln, würde ich empfehlen

.addClass('hidden'); 

mit und

removeClass('hidden'); 

anstelle von .hide(); und zeigen(); wenn es um das gleiche Problem geht.

Bitte fühlen Sie sich frei, Kommentare zu folgen, und ich werde Ihnen bei der Fehlersuche helfen.

Answer 2

Können Sie Ihr Problem bitte mehr erklären.

sollten Sie gefangen das Click-Ereignis auf li weil es Blase

$('#content .menu ul li').click(function(e) { 
     $(e).stopPropagation(); 
     $(this).addClass("active"); 
     $(this).children('ul').slideToggle("slow"); 
    });