How to hide and show all the content of a div with JavaScript?
<p>For example, the div contains:</p>

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

            &lt;/ul&gt;
            &lt;/div&gt;
</code></pre>

<p>I want to hide the content of this div completely with a function, and make it reappear with another function. Is that possible?</p>
