使用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");
    });