使用jquery顯示/隱藏特定類的內容

Question

我是jquery的新手，也許這是一個愚蠢的問題，但我在任何地方都搜索了一個答案，但沒有找到答案。所以，我們走吧：

我想顯示不同的內容，具體取決於我在下拉窗體中選擇的選項。正如我在這裏學到在計算器上，你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 /> 

此代碼將alove我來顯示不同的div裏面的內容，多數民衆贊成這取決於「國家」我選擇在下拉菜單中。但是，如何將下拉列表的值連接到特定的類而不是id。問題當然是，我想在下拉列表中選擇一個狀態時，顯示幾個共享公共類的div。

如果有人能指出我正確的方向，我將非常感激。

保羅