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;
}

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

关闭Javascript切换

1 个答案: