jQuery切换，当前打开时关闭其他元素

Question

我正在尝试创建一个菜单，当您单击它时切换，并隐藏其他菜单（如果它们当前处于打开状态）。它工作正常，但是一旦打开菜单，就无法关闭它。

这是我的jQuery代码......

$(function() {
  $('.acctnav > li').click(function() {
    $('.acctnav ul').hide();
    $(this).children('ul').slideToggle();   
  });
});

以下是代码笔的链接... http://codepen.io/anon/pen/yifmo

我想做以下事情......

1. 当您点击菜单链接时，它会打开。
2. 当第一个菜单仍处于打开状态时单击第二个链接时，应关闭第一个菜单并显示下一个菜单。
3. 然后当您单击第二个菜单（当前打开）时，现在应该关闭。

由于

Answer 1

我修改了jquery代码，检查它：

$(function() {
  $('.acctnav > li').click(function() {
    $('.acctnav ul').hide();

    $(this).children('ul').slideToggle();   


    });
});