javascript - Jquery只允许展开一个菜单项

Question

所以我有上一个问题的代码:http://jsfiddle.net/928Dj/4/

$("ul.opt").addClass("hidden");
$('#filter > li > a').on("click", function(e) {
      $(this).next('ul').toggle();
});

我想知道是否有人可以告诉我如何允许它仍然打开和关闭，而且如果打开一个菜单并且我单击打开另一个菜单，它会关闭第一个菜单，这意味着只有一个菜单菜单可以随时打开。

Answer 1

尝试先隐藏打开的ul元素，然后切换当前元素，

 $("ul.opt").addClass("hidden");
  $('#filter > li > a').on("click", function (e) {
    var cache = $(this).next('ul');
    $('#filter ul:visible').not(cache).hide();
    cache.toggle();
  });

DEMO