jQuery toggle div with multiple select
<p>I made the select currency option TH, Eu,USD. If the customer choose THB, the price will show only THB price with multiple price option but when load the page I want the system show default THB price fist when the page load, and then we can change to us or usd later, please advice</p>

<pre><code>                  /******************* JQUERY **************************/

          $(document).ready(function(){
         $('#theSelect').change(function(){
    var string = $(this).val();
    $('.hideStuff').slideUp('fast');
    $('.is'+string+'').delay(320).slideDown('fast');
       });
           });


              /****************** CSS **************************/
          .hideStuff {display: none;}​


          /*************** HTML *************************************/

        &lt;div class="selectContainer"&gt;
        &lt;select id="theSelect"&gt;
        &lt;option value=""&gt;- Select -&lt;/option&gt;
        &lt;option value="isTHB"&gt;THB&lt;/option&gt;
        &lt;option value="isUSD"&gt;USD&lt;/option&gt;
        &lt;option value="isEU"&gt;EU&lt;/option&gt;
       &lt;/select&gt;
       &lt;/div&gt;
      &lt;div class="hideStuff isTHB"&gt;3000 THB&lt;/div&gt;
      &lt;div class="hideStuff isUSD"&gt;50 USD&lt;/div&gt;
      &lt;div class="hideStuff isEU"&gt;40 EU&lt;/div&gt;
</code></pre>
