jquery - 根据选项值隐藏 div

Question

如何更改它以隐藏与选项值匹配的所有 div，第一个 div 除外？

到目前为止，我所做的是在做出选择之前隐藏所有 div，但是我需要在用户做出选择之前显示第一个 div。

http://jsfiddle.net/infatti/fj63g/

$('.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();
});

<select class="dd-show-hide">
    <option>Choose</option>
    <option value="div1">Show Div 1</option>
    <option value="div2">Show Div 2</option>
    <option value="div3">Show Div 3</option>
</select>

<div  id="div1" class="drop-down-show-hide">div 1</div>
<div  id="div2" class="drop-down-show-hide">div 2</div>
<div  id="div3" class="drop-down-show-hide">div 3</div>

Answer 1

replacing $('.dd-show-hide').find('option') with $('.dd-show-hide').find('option:gt(1)') should be ok