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

Question

我正在尝试设置单击以显示具有两个单独菜单的菜单。

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

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

我让它听起来比现在更复杂，但这是我迄今为止得到的代码：

http://jsfiddle.net/GLZK5/7/

请注意，如果您单击“men”，则会显示子菜单。单击女性也会显示子菜单并隐藏“男性”子菜单，但如果您返回“男性”，它只会隐藏“女性”而不显示“男性”...

我很困惑..

Answer 1

脚步

1. 加载页面时，隐藏所有菜单。
2. 现在对于处理程序，当您单击它时，您有两种情况。
   1. 查看子菜单是否可见，如果可见，隐藏子菜单。
   2. 如果子菜单不可见，则隐藏所有内容并仅显示子菜单

使用此代码：

$(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();
        }
    });
});​

演示：http: //jsfiddle.net/GLZK5/10/