javascript - 折叠所有菜单并同时隐藏它们？

Question

出于某种原因，我无法同时折叠和隐藏 jQuery 菜单。单独调用折叠或隐藏菜单可以工作，只是不能同时调用。

为了折叠菜单，我使用 $(menu).menu("collapseAll", null, true) 如the jQuery documentation所述.

为了隐藏菜单，我调用了$(menu).hide()，没什么花哨的。这是the documentation .

这是a JSFiddle of what I'm trying to do 。选择一个菜单选项，然后单击“显示菜单”按钮。在此示例中，菜单显示并在大约半秒后折叠。最终，此菜单将在我的代码的许多地方使用，因此，当菜单首次出现后向用户显示时，不要将其扩展到最后一个菜单页，这一点很重要。

Answer 1

看起来这个菜单有一个内置的超时，当你点击一个项目时，你可以看到这个，当你点击项目时，菜单不会立即折叠。它会立即隐藏，因为您有 .hide() 并且它会立即执行。

我能做你想做的事的唯一方法是

http://jsfiddle.net/u2v2x049/7/

$(function () {
    var menu = $("#menu");

    menu.menu({
        select: function (event, ui) {
            $(this).menu("collapseAll", null, true);
            setTimeout(function () {
                menu.hide();
            }, 500);
        }
    });

    $("button").click(function (event) {
        menu.show();
    });
});

所以它折叠了所有菜单，然后我在 500 毫秒后隐藏了菜单。如果你愿意的话，你可以做400。我的猜测是菜单可能会检查其可见性，如果它不可见，则它不会正确折叠。我并不真正使用这个 UI，这就是我能为您提供的全部内容。

实际上 300 毫秒似乎是完美的时机，http://jsfiddle.net/u2v2x049/8/