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

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 代码，我可以帮你。