Hide div based on option value
<p>How can I change this to hide all divs that match option values EXCEPT the first div?</p>

<p>What I have so far does the job of hiding all divs before a selection is made however I need to have the first div showing before the user makes a choice.</p>

<p><a href="http://jsfiddle.net/infatti/fj63g/" rel="nofollow">http://jsfiddle.net/infatti/fj63g/</a></p>

<pre><code>$('.dd-show-hide').find('option').each(function(){
    $('#' + this.value).hide();
});


$('.dd-show-hide').change(function(){
   $(this).find('option').each(function(){
      $('#' + this.value).hide();
    });
    $('#' + this.value).show();
});

&lt;select class="dd-show-hide"&gt;
    &lt;option&gt;Choose&lt;/option&gt;
    &lt;option value="div1"&gt;Show Div 1&lt;/option&gt;
    &lt;option value="div2"&gt;Show Div 2&lt;/option&gt;
    &lt;option value="div3"&gt;Show Div 3&lt;/option&gt;
&lt;/select&gt;

&lt;div  id="div1" class="drop-down-show-hide"&gt;div 1&lt;/div&gt;
&lt;div  id="div2" class="drop-down-show-hide"&gt;div 2&lt;/div&gt;
&lt;div  id="div3" class="drop-down-show-hide"&gt;div 3&lt;/div&gt;
</code></pre>
