Question

在wordpress中我的侧边栏上有一个菜单，我可以点击而不是悬停，但现在我想在选择另一个项目时折叠子菜单。

到目前为止，我还有一部分是theme.js。

/* featured box fade out effect */
$('.widget_nav_menu .menu-parent-item').click(
    function () {
        $(this).find('ul').slideDown();
    }
);

我试过没有成功

  /* featured box fade out effect */
$('.widget_nav_menu .menu-parent-item').click(
    function () {
            if($(this).find('ul')is(':visible')) {
                $(this).find('ul').slideUp();   
            } else {
                $(this).find('ul').slideDown();
            }


    });

有任何线索吗？干杯！

Answer 1

试试这个

/* featured box fade out effect */
$('.widget_nav_menu .menu-parent-item').click(
    function () {
        var obj = $(this);
        // First slide up all the submenu
        $('.widget_nav_menu ul').slideUp(function() {
            // Then expanded the clicked one
            obj.find('ul').slideDown();
        });
    }
);

我只是猜测HTML结构，所以代码可能不起作用，但你有了想法（阅读评论）。

如果你能给我你的HTML代码，我可以帮助你。

当选择另一个项目时，打开的小部件上的菜单会单击关闭

1 个答案: