Javascript jquery下拉垂直菜单响应

我试图建立一个垂直菜单，但不确定我选择了正确的方式

点击菜单应显示！如果我点击另一个菜单，上一个菜单应该隐藏！ 请检查我的演示，菜单没有关闭前一个

演示：

JS:

---

您可以通过以下方式实现这一点

$( "#menu a" ).click(function() {
   $menu = $(this).parent().find('ul');           
   $('#menu').find('ul').not($menu).removeClass('show');
   $menu.toggleClass('show');
});

---

谢谢，很好的一个，为什么其他{}不起作用？如果我单击打开的，它应该会关闭。我喜欢它，但我更喜欢使用css，所以添加类。你能通过增加课程来更新你的答案吗？

$( "#menu a" ).click(function() {
   $menu = $(this).parent().find('ul');           
   $('#menu').find('ul').not($menu).removeClass('show');
   $menu.toggleClass('show');
});

jQuery(document).ready(function() {
  jQuery('#menu > li > a').click(function(){
    if(jQuery(this).next('.dropdown-content').length>0){
      jQuery('.dropdown-content').slideUp();
      if(jQuery(this).next('.dropdown-content:visible').size()){
       jQuery('.dropdown-content').slideUp();
      } else {
        jQuery(this).next('.dropdown-content').slideDown();
      }
      return false;
    }
      });
});