title: Jquery Multi select - How to collapse a opt group
body: <p>I am using the Jquery multi select tool located here <a href="http://www.erichynds.com/blog/jquery-ui-multiselect-widget" rel="nofollow">http://www.erichynds.com/blog/jquery-ui-multiselect-widget</a> and I got everything working great. I have a very long list of items and divded by optgroups. You have to scroll quite a lot of get to the last item so im wondering if theres a way to collapse the opt group by default?</p>
  
  <p>I looked at documentation regarding this script but didn't see any functions to collapse by optgroup.</p>
  
  <pre><code>                &lt;select name="selSea" id="selSeaShells" size="5" multiple="multiple" onchange="loopSelected()"&gt;
                      &lt;optgroup label="Group 1"/&gt;
                          &lt;option value="test"&gt;test&lt;/option&gt;
                          &lt;option value="test1"&gt;test1&lt;/option&gt;
                          &lt;option value="test2"&gt;test2&lt;/option&gt;
                          &lt;option value="test3"&gt;test3&lt;/option&gt;
                      &lt;optgroup label="Group2"/&gt;
                          &lt;option value="test"&gt;test&lt;/option&gt;
                          &lt;option value="test1"&gt;test1&lt;/option&gt;
                          &lt;option value="test2"&gt;test2&lt;/option&gt;
                          &lt;option value="test3"&gt;test3&lt;/option&gt;
                          &lt;option value="test4"&gt;test4&lt;/option&gt;
                      &lt;optgroup label="Group3"/&gt;
                          &lt;option value="test"&gt;test&lt;/option&gt;
                          &lt;option value="test1"&gt;test1&lt;/option&gt;
                          &lt;option value="test2"&gt;test2&lt;/option&gt;
                          &lt;option value="test3"&gt;test3&lt;/option&gt;
                          &lt;option value="test4"&gt;test4&lt;/option&gt;    
                   &lt;/select&gt;  
  </code></pre>