關閉的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; 
} 

說明， - 您必須檢查元素是否可見，點擊時，因此 - 顯示/隱藏它...