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

Wordpress並不總是與jquery配合使用。

首先，您要包裝代碼

$(function() {

代替

$(document).ready(function() {

另外，我建議使用

.addClass('hidden');

和

removeClass('hidden');

而不是.hide（）; 和.show（）; 當處理相同的問題時。

請隨時跟進評論，我們將幫助您解決問題。

Answer 2

您能再解釋一下您的問題嗎？

您應該抓住li上的click事件，導致它冒泡

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