jquery를 사용하여 특정 클래스의 콘텐츠 표시/숨기기

Question

jquery에 처음 생겼습니다. 어쩌면 이것은 어리석은 질문 일 수 있습니다. 그러나 나는 어디서나 대답을 찾지 않고 검색했습니다. 그래서, 여기에 우리가 간다 :

나는 드롭 다운 폼에서 내가 선택한 옵션에 따라 다른 내용을 보여주고 싶다. I에 유래 여기에 배운, 당신은이 작업을 수행 할 변경 기능을 이용 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의 내부 콘텐츠 그게 전부를 보여주기 위해 나를 alove합니다 나는 드롭 다운에서 선택한다. 그러나 id 대신 특정 클래스에 드롭 다운 값을 연결하려면 어떻게해야합니까? 문제는 물론 드롭 다운에서 상태를 선택할 때 공통 클래스를 공유하는 여러 div를 표시하려고합니다.

누구든지 올바른 방향으로 나를 가리킬 수 있다면 매우 감사하겠습니다. 폴