jqueryを使用して特定のクラスのコンテンツを表示/非表示にする

Question

これはjqueryの新機能ですが、これは愚かな質問ですが、私はそれを見つけることなくほぼすべての答えを探しました。ここでは、私たちは行く：

私はドロップダウンフォームで選択するオプションに応じて別のコンテンツを表示したい。私はStackOverflowの上ここで学んできたように、あなたはこれを行うには、変更機能を使用したCA：

例：

<script type="text/javascript"> 

$(document).ready(function() { 
$('#myselector').change(function(){ 
    $('.statecontent').hide(); 
    $('#' + $(this).val()).show();  
}); 
}); 

</script> 

<select id="myselector"> 
<option value="state1"></option><br /> 
<option value="state2"></option><br /> 
<option value="state3"></option><br /> 
</select> 

<div id="state1" class="statecontent">State1 Specific Page Content Goes here</div><br  /> 
<div id="state2" class="statecontent">State2 Specific Page Content Goes here</div><br /> 
<div id="state3" class="statecontent">State3 Specific Page Content Goes here</div><br /> 

このコードは、どのような「状態」に応じて、異なるのdiv内のコンテンツのthatsを表示するために私をaloveます私はドロップダウンで選択します。しかし、idの代わりに特定のクラスにドロップダウンの値をどのように接続すればよいですか？もちろん、問題は、ドロップダウンで状態を選択するときに共通のクラスを共有するいくつかのdivを表示することです。

誰かが私を正しい方向に向けることができたら大変感謝します。ポール