Закрыть 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; 
} 

Объяснение, при необходимости - вы должны проверить, является ли элемент видимым или нет, щелкнуть, и, следовательно, - показать/скрыть его ...