單擊另一個時關閉div

Question

我正在使用舊的dhtlgoodies腳本來顯示/隱藏答案。 http://purple-mouse.co.uk/swift/about.php

它打開答案，我已經合併了另一個腳本來更改打開時答案的背景顏色。

任何人都可以幫助我關閉一個答案，當一個替代問題被點擊的顏色，然後看起來不正確。

我很樂意有人告訴我，我已經以低效率的方式接近了這一點 - 總是在學習！

由於提前，小敏

Answer 1

$(document).ready(function(){ 

    $("a.dropdown-link").click(function(e) { 
    e.preventDefault(); 
    var $div = $(this).next('.dropdown-container'); 
    $(".dropdown-container").not($div).hide(); 
    if ($div.is(":visible")) { 
     $div.hide() 
    } else { 
     $div.show(); 
    } 
}); 

    $(document).click(function(e){ 
     var p = $(e.target).closest('.dropdown').length 
     if (!p) { 
      $(".dropdown-container").hide(); 
     } 
    }); 

}); 

DEMO

Answer 2

強大的文本兩種解決方案：他們都可以使用，但打電話給你的方法來打開一個答案之前使用它。在這裏，我們正在關閉設置css隱藏的所有答案。

純JavaScript

var elems = document.getElementsByClassName('answer'); 
for(var i = 0; i < elems.length; i++) { 
    elems[i].style.display = 'none'; 
} 

jQuery的

$(".answer").css("display","none"); 

如果你想也jQuery的刪除選定的問題。在打開答案之前打電話給這個。

$(".question").removeClass("active");