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/

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

2 个答案: