Jquery 菜单 - 切换 div 时隐藏其他 div

Question

我创建了一个菜单，通过单击一个类别弹出一个 div，但我还希望在按下一个新类别时关闭其他类别的 div。我对 Jquery 很陌生，尽管第一个脚本很容易编写，但我不确定如何继续。我尝试使用我在此处找到的答案，这些答案在链接的 jsfiddle 中完美运行，但是当我尝试在我的页面中使用它们时，它们都不起作用。 这是一个例子:http://jsbin.com/eCAwiVA/1 请记住，我正在尝试在 tumblr 页面上执行此操作。

我现在花了几个小时试图理解，如果有人能解释我会很高兴 - 提前非常感谢!

Answer 1

这是一个快速的 JS Bin，其中包含您问题的答案:http://jsbin.com/eCAwiVA/15/

注意:如果可以，您应该只使用一个 $(document).ready()像我一样运行并注册所有事件。

解决方案:如您所见，我只使用 jQuery 的 .is() -检查另一个<div>的方法可见与否。如果它可见，我就隐藏它，否则我就切换 <div>无论如何都应该打开。

代码:

$(document).ready(function(){
    $("#cabout").click(function () {
        if ($("#popsocial").is(":visible")) {
            $("#popsocial").hide();
        }

        $("#popabout").toggle();
    });

    $("#csocial").click(function () {
        if ($("#popabout").is(":visible")) {
            $("#popabout").hide();
        }

        $("#popsocial").toggle();
    });
});