jQueryUI accordion not working
<p>With jQuery UI, I am using the accordion and it looks pretty cool.
Default the 1st tab or whatever its called is open, I want it so that they are all
closed and only open when clicked. Any way of doing this?</p>

<p>Also, can you make the area the opens only big enough for what is actually in it?
What I think is happening is the default size when opened is equal to the biggest thing in ANY of them.</p>

<p>Here is my example online, click the play tab and you will see what I mean.
When the user first sees it he can not see the other tabs as they are off screen down below because of the big empty space.
<a href="http://www.taffatech.com/Demo.html" rel="nofollow">http://www.taffatech.com/Demo.html</a></p>

<pre><code>&lt;div id="accordion2"&gt;
     &lt;h3&gt;Welcome&lt;/h3&gt;

    &lt;div&gt;Choose a game!&lt;/div&gt;
     &lt;h3&gt;Play Game 1&lt;/h3&gt;

    &lt;div&gt;
        &lt;p&gt;Game 1 is in development
            &lt;div align="center"&gt;
                &lt;canvas id="myCanvas" width="600" height="400" align="center" style="border:1px solid #ffffff;"&gt;&lt;/canvas&gt;
            &lt;/div&gt;
        &lt;/p&gt;
    &lt;/div&gt;

&lt;h3&gt;Play Game 2&lt;/h3&gt;

    &lt;div&gt;
        &lt;p&gt;Game 2 is in development&lt;/p&gt;
    &lt;/div&gt;

&lt;h3&gt;Play Game 3&lt;/h3&gt;

    &lt;div&gt;
        &lt;p&gt;Game 3 is in development&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
