query, como mostrar un div en función del option marcado

[oskar_calvo]

buenas, estoy intentando hacer lo siguiente, seguro que es muy sencillo, pero cuando eres un novato las cosas cuestan mucho más.
tengo un select, y quiero que cuando se marque la opción 5 muestre un div con un textfield dentro.

Código HTML:

<select name="submitted[cuestionario][estime_las_molestias_por_los_trabajos_realizados]" class="form-select required" id="edit-submitted-cuestionario-estime-las-molestias-por-los-trabajos-realizados" >
<option value="" selected="selected">seleccione...</option>
<option value="Precio">Precio</option>
<option value="Calidad">Calidad</option>
<option value="Prestigio">Prestigio</option>
<option value="Experiencia previa">Experiencia previa</option>
<option value="Otras">Otras</option>
</select> 

Lo que estoy intentando con jquery:

Código:

$(document).ready(function(){       
            $('div #webform-component-otras').hide();
             // Cogemos cada radio button de Jugador 1 y le añadimos un listener de cambio (evento cuadno cambia el valor)
             $('select #edit-submitted-cuestionario-estime-las-molestias-por-los-trabajos-realizados > options').change(function() {
                // Obtenemos el value del radio que se ha modificado.
                var value=$(this).attr('value');
   
                // Lo traducimos al valor para el Jugador 2
                if (value== 'Otras') {
                   $('div #webform-component-otras').show("slow");
                }            
                else if (value !='Otras') {
                   $('div #webform-component-otras').hide();
                }
            });
    });

Pero no consigo nada,

alguien me puede ayudar, por favor.

Gracias

Oskar

[oskar_calvo]

ya lo he sacado :)

Código:

$(document).ready(function(){       
	$("div #webform-component-otras").hide();
	$("#edit-submitted-cuestionario-estime-las-molestias-por-los-trabajos-realizados").change(function (){
		switch(this.value){
		case "Otras":
			$("div #webform-component-otras").fadeIn();
		break;
		default: 
			$("div #webform-component-otras").fadeOut();
			$("div #webform-component-otras input:text").val('');
		break;
		}

	}); 
});