关闭的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; 
} 

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