Jquery 重置切换或单击另一个元素重置切换？

我正在尝试设置一个点击显示菜单，它有两个单独的菜单

一个菜单男人应该点击，另一个是女人

如果一个被点击，另一个应该消失（如果它是可见的），如果你点击了菜单，那么它也应该消失。或者，如果您再次点击顶级菜单链接，它也应该隐藏子菜单

我让它听起来比实际情况更复杂，但这里是我迄今为止得到的代码：

请注意，如果单击“男士”，则会显示子菜单。单击“女性”也会显示子菜单并隐藏“男性”子菜单，但如果您再次单击“男性”，则只会隐藏“女性”，而不会显示“男性”

我很困惑。

步骤

加载页面时，隐藏所有菜单

现在对于处理程序，当您单击它时，您有两个案例。

查看子菜单是否可见，如果可见，则隐藏子菜单

如果子菜单不可见，则隐藏所有内容并仅显示子菜单

使用此代码：

---

演示：嗨，Praveen，非常感谢你的回答-我从没想过。下一步-这非常有用。我还发现，我可以集成body click功能，在单击其他位置时删除菜单）。有一件事我无法解决，那就是如何正确删除活动类。我试着在这里更新它：希望我在活动课上做的更清楚。Dude，看看这对你有用吗？同时，也要考虑选择我的答案，如果有帮助的话……好极了！我做到了——现场：）现在将给出答案。谢谢你，伙计。

$(document).ready(function() {
    $(".gen-sel > li > ul").hide();
    $(".gen-sel > li > a").click(function(){
        if ($(this).next().is(":visible"))
            $(this).next().hide();
        else
        {
            $(".gen-sel > li > ul").hide();
            $(this).next().show();
        }
    });
});​