Жонглирование несколькими контекстными меню в .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();
  });