Ocultar y mostrar campos via select

[NueveReinas]

Espero que esto te sirva como ejemplo: http://jsfiddle.net/j0bkvLgv/

Código HTML:

<form class="test">
    <select name="selector" id="test">
        <option value="1">Espec&iacute;fico</option>
        <option value="2">Comercial</option>
    </select>
</form>
 
<form class="esp">
    <label>Especifica:</label>
    <input type="text" />
</form>
 
<form class="com">
    <label>Comercial:</label>
    <input type="text" />
</form>
 

Código CSS:

.test {
    background:green;
    padding:15px;
    margin:10px;
}
 
.esp {
    background:blue;
    padding:15px;
    margin:10px;
    display:none;
    color:white;
}
 
.com {
    background:red;
    padding:15px;
    margin:10px;
    display:none;
    color:white;
}
 

Código Javascript:

//Asignamos como valor principal al "select", el valor 1. Es el que se mostrará sin haber seleccionado nada.
if ($('#test').val() == 1)
    {
        $(".esp").css("display","block");
        $(".com").css("display","none");
    };
 
//Detectamos los cambios y mostramos uno u otro form
$('#test').change(function() {
    
    if ($('#test').val() == 1)
    {
        $(".esp").css("display","block");
        $(".com").css("display","none");
    };
    
    if ($('#test').val() == 2)
    {
        $(".esp").css("display","none");
        $(".com").css("display","block");
    };
    
});
 

Saludos.