jquery와 함께 wordpress에 대한 아코디언을 만드는 데 도움이 필요합니다!

Question

나는 wordpress를위한 아코디언을 만들고 있는데, 내가 뭘 잘못하고 있는지 알 수가 없다.

궁극적으로 나는 자식 요소를 숨기려고 노력하고 부모가 활성화되면 자식이 나타납니다.

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> 

사이트 : 사전에 www.svadsi.info

감사합니다.

Answer 1

워드 프레스는 항상 JQuery와 함께 좋은 재생되지 않습니다 리튬 원인이 거품에 클릭 이벤트를 붙 잡았다.

먼저 내가

.addClass('hidden'); 

및

removeClass('hidden'); 

를 사용하는 것이 좋습니다 것

$(function() { 

대신 또한

$(document).ready(function() { 

에 코드를 포장 할 .hide() 대신

; 및 .show(); 같은 문제를 다룰 때.

언제든지 의견을 보내 주시면 문제를 해결하는 데 도움을 드리겠습니다.

Answer 2

문제를 자세히 설명해 주실 수 있습니까? 당신이해야

는

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