如何使用JavaScript隐藏和显示div的所有内容？

Question

例如，div包含：

<div id="choices"> 
      <ul> 
       <li><button onclick="Correct('incorrect, try again!')">simple, easy</button></li> 
       <li><button onclick="Correct('Correct! Congratulations!')">influence, advantage</button></li> 
       <li><button onclick="Correct('incorrect, try again!')">premium, fine</button></li> 
       <li><button onclick="Correct('incorrect, try again!')">contrary, opposite</button></li> 

      </ul> 
      </div> 

我想隐藏的这个div完全功能的内容，并使其与其他功能的重新出现。那可能吗？

Answer 1

document.getElementById('choices').style.display = "none"; //hide 
document.getElementById('choices').style.display = "block"; //show 

Answer 2

您也可以使用jQuery来完成任务。有了它，你也可以使用一些效果。看一看：http://jsfiddle.net/davidbuzatto/wZTs7/