Mostrar y Ocultar Div con JS, Css, Html

codigo HTML
<select name="combo" onchange="evento();">
<option >Seleccione</option>
<option value="1">Nombre</option>
<option value="2">Apellido</option>
<option value="3">Zona</option>
<!-- <option value="4">Ubicaci&oacute;n</option>-->
<option value="5">Dependencia</option>


</select>
con enste select vamos a usar la funcion onchange donde vamos a llamar nuestro evento q se encargara de hacer desaparecer el div o mostrarlo

*Vamos a crear los div que luego queremos ocultar XD

<div id="busca1" style="display: none;">
<input size="45" type="text" name="nombre" />
<input class="button medium green" type="submit" name="btnAccion1" value="Buscar">
</div>
<div id="busca2" style="display: none;">
<input type="text" size="45" name="apellido" />
<input class="button medium green" type="submit" name="btnAccion2" value="Buscar">
</div>

como pueden observar le damos un display none para que alo momento de cargar la pagina eso no se muestre


codigo JS

<script type="text/javascript">
function evento(){

if (document.busca.combo.value==1){


$("#busca1" ).css("display", "block " ) ;
}else{
$("#busca1" ).css("display", "none" ) ;
}

if (document.busca.combo.value==2){


$("#busca2" ).css("display", "block" ) ;
}else{
$("#busca2" ).css("display", "none" ) ;
}
}
</script>
este codigo esta lo mas sencillo q pude realizarlo como pueden ver lo que hago es aparecer y el div cuando el valor del combo es el que yo deseo XD
el display Block lo q hace es mostrar el div q se quiere visualizar y bueno este js esta hecho con jquery y recuerden q nesesitan incluirlo en el codigo si no no va a funcionar XD

Espero que mi post lo halla ayudado cualquier duda pregunten estoy para ayudarlos

ando aburrido si tienen alguna duda los puedo ayudar con muchio gusto saludos y si le gusto mi post no olviden comentar XD
y si los ayudo deje unos puntitos jejejeje