<div>
Your welcome. &nbsp;you are right, this should be easier but the jquery documentation is not always intuitive in my opinion at least when you are learning.
</div>


Your welcome.  you are right, this should be easier but the jquery documentation is not always intuitive in my opinion at least when you are learning.

<div>
<div class="content wysiwyg-content">
<a href="http://jqueryui.com/accordion/" rel="ugc">http://jqueryui.com/accord<wbr />ion/</a><br />
<br />
is there a way to have it collapsed 100% on the page load? &nbsp;Right now, by default, it seems to keep one open.<br />
<br />
Here's what I have now.<br />
<br />

<pre><code id="code-10-28277400-1">      &lt;script&gt;
          $(function () {
              $(&quot;#accordion&quot;).accordion({
                  heightStyle: &quot;content&quot;,
                  collapsible: true
              });
          });
  &lt;/script&gt;</code></pre>
</div>
</div>


http://jqueryui.com/accordion/ (http://jqueryui.com/accordion/)

is there a way to have it collapsed 100% on the page load?  Right now, by default, it seems to keep one open.

Here's what I have now.

(CODE)

JQuery UI - Accordion (Easy question...i hope)

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.