在 .toggle 中处理多个上下文菜单

Question

我在使这一切正常工作方面取得了进一步的进展，但是当我尝试添加一些代码，在单击一个代码时隐藏其他代码时，它预计第二次单击会再次隐藏。如何一次只显示一个菜单？ PS 这些不是同级菜单。

$(function() {
  $("a[rel=tooltip]").tooltip({ position:"bottom" });
  $(".dd").toggle(function() {
      $("ul", this).show();
      $(this).addClass("on");
      $("ul a", this).click(function(e) {
         e.stopPropagation();
      });
      if $(".button1").click() {
        $("#contextMenu2, #contextMenu3").hide();
      };
      if $(".button2").click() {
        $("#contextMenu1, #contextMenu3").hide();
      };
      if $(".button3").click() {
        $("#contextMenu1, #contextMenu2").hide();
      };
    }, 
    function() { $("ul", this).hide(); $(this).removeClass('on'); }
  );
});

Answer 1

我让它按照我想要的方式工作。感谢这个线程 jQuery Toggle State

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