SelectBoxIt & hidden layers
<p>i'm trying to use SelectBoxIt by Greg Franko.
I want the select boxes to be hidden, until user clicks 'more option', then these selectboxes will appear. Here's the problem. When the selectboxes appear, the width is all shrunken. However, when i load the page with the 'more options' layer open, the selectboxes appear in the correct width. any idea how to get the selectboxes appear in correct width? </p>

<pre><code>&lt;!doctype html&gt;
    &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=utf-8&gt;
      &lt;title&gt;SelectBoxIt demo&lt;/title&gt;
      &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" /&gt;
      &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.3.0/jquery.selectBoxIt.css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="btn_moreoptions2"&gt;MORE OPTIONS &lt;img src="images/ic_arrow_down.gif" border="0"&gt;&lt;/div&gt;
      &lt;div id="moreoptions2"  style="display:none;"&gt;
        234
      &lt;select name="test"&gt;
        &lt;option value="SelectBoxIt is:"&gt;SelectBoxIt is:&lt;/option&gt;
        &lt;option value="a jQuery Plugin"&gt;a jQuery Plugin&lt;/option&gt;
        &lt;option value="a Select Box Replacement"&gt;a Select Box Replacement&lt;/option&gt;
        &lt;option value="a Stateful UI Widget"&gt;a Stateful UI Widget&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;

      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.3.0/jquery.selectBoxIt.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(function() {
          $("#btn_moreoptions2").click(function(){
            $("#moreoptions2").slideToggle();

    });
          var selectBox = $("select").selectBoxIt();

        });
      &lt;/script&gt;

    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>
