How can I make the contents of a <section> have a width of zero?
<p>I have the following HTML:</p>

<pre><code>&lt;section id="sidebar" class="grid_3"&gt;
&lt;section id="content" class="grid_9"&gt;
</code></pre>

<p>I used jQuery to change this to:</p>

<pre><code>&lt;section id="sidebar" class="" style="width: 0px;"&gt;
&lt;section id="content" class="grid_12"&gt;
</code></pre>

<p>However it seems like the section with id of sidebar still has some width and the elements inside it appear. </p>

<p>Is there some way that I can make the contents of id=sidebar just not visible using jQuery? I thought giving it a width of 0px would make it work but it seems not to. What I was wondering about was setting the display to hidden or visibility but I am not sure of the differences between hidden and visible? Also not sure about the jQuery show and hidden. Which would be best in this case?</p>
