在常見問題頁面上切換

Question

我在div上使用了onclick切換功能。我會告訴他們的一個例子：

<div id="question1"> 
<a href="#" style="color: #FFF" 
onclick="toggle('answer1');">Can I access my work from home?</a> 
</div> 

<div style="display:none" id="answer1"> 
You can't access you University drive from home, it is advised to back up your work onto a cloud such as Google Drive or Dropbox. You can however access your tasks and see what deadlines you have to meet using something called Blackboard. 
</div> 

所以，當我點擊第一個問題的第一個答案表明，我只是想知道如何隱藏的，當我點擊問題2？所以最終不可能一次顯示2個答案。

Answer 1

給答案div一個類（如answers）將其標識爲一個組，然後執行下面的操作，隱藏所有答案，每次觸發toggle()。

function toggle(id){ 
    var answers = document.querySelectorAll('.answers'); 
    for(var i=0; i<answers.length; i++){ 
     answers[i].style.display = 'none'; 
    } 

    // show the target 
    document.getElementById(id).style.display = "block"; 
}