これを変更して、最初の 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>