关闭Javascript切换

Question

以下代码正在打开我网站上的数据切换：

$(window).load(function(){
    $("a[data-toggle]").on("click", function(e) {
        e.preventDefault();  // prevent navigating
        var selector = $(this).data("toggle");  // get corresponding element
        $("article").hide();
        $(selector).show();
    });
});

以下是HTML：

<a href="#" data-toggle="#uniquediv">Toggle</a>
<article id="uniquediv">
    Content in Toggle
</article>

我试图查看要更改的内容，以便在单击链接时也可以关闭切换开关。 如果打开另一个开关，那会很好，然后打开的开关将关闭，这样一次只能保持打开状态。

任何帮助，将不胜感激。

Answer 1

您可以执行以下操作：

$("a[data-toggle]").on("click", function(e) {
e.preventDefault();  // prevent navigating
var selector = $(this).data("toggle");  // get corresponding element
if($(selector).is(":visible")) {
    $(selector).hide();
}

    else {
        $('article').hide();
        $(selector).show();

    }



});

演示： http ： //jsfiddle.net/2bkhwhba/

不确定您的CSS设置，但是我这样做是这样的：

a {
    display:block;
}

article {
    display:none;
}

说明，如果需要-您必须在单击时检查元素是否可见，因此-显示/隐藏它...