菜单停止第二功能从使用相同功能的其他元素开火

Question

我有3个菜单使用此.toggle，当我在菜单之间切换时，需要再次单击菜单才能再次单击。 如果显示另一个菜单，如何使第二个功能停止？

  $(".dd").toggle(function() {
      $("ul a", this).click(function(e) {
         e.stopPropagation();
      });
      $(".contextMenu").hide();
      $("ul", this).show();     
    }, 
    function() {
      $("ul", this).hide();
    }
  );

Answer 1

我按照我想要的方式工作。感谢这个帖子jQuery Toggle State

  $(".dd").click(function() {
    $("ul", ".dd").not(this).hide();
    $("ul", this).toggle();
  });
  $(".wrapper").click(function() {
    $("ul", ".dd").hide();
  });

Answer 2

我认为这不是.toggle()而只是.click()，而是这样：

$(".dd ul a", this).click(function(e) {
  e.stopPropagation();
});
$(".dd").click(function() {  
  $(".contextMenu").hide();
  $(this).find("ul").toggle();
  //possibly to hide others: $(".dd").not(this).find("ul").hide();
});