javascript - 如何使用 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/