Mostrar/ocultar contenido con una clase específica usando jquery

Question

Soy nuevo en jquery y tal vez esta es una pregunta estúpida, pero he buscado una respuesta en casi todos lados sin encontrar una. Entonces, aquí vamos:

Quiero mostrar contenido diferente dependiendo de qué opción seleccione en un formulario desplegable. Como he aprendido aquí en StackOverflow, que ca utiliza la función de cambio de hacer esto:

Ejemplo:

<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 /> 

Este código me Alove para mostrar eso es contenido dentro de las diferentes divs dependiendo de lo que el 'estado' Elijo en el menú desplegable. Pero, ¿cómo puedo conectar los valores del menú desplegable a una clase específica en lugar de una identificación? El problema es, por supuesto, que quiero mostrar varios divs que comparten una clase común cuando selecciono un estado en el menú desplegable.

Agradecería mucho que alguien me señale la dirección correcta.

Paul