Ocultar y mostrar campos via select

[lizkabbalah]

mira esto es lo que llevo, me podrías orientar por favor
la parte de java script y css no te entendi muy bien , asi ke podrías ayudarme por favor?


te lo agradecería muchisimo
<form method="POST" action="procesar.php">

<select name="elige" id="elige">
<option value="">seleccione una opcion</option>
<option value="">Espec&iacute;fico</option>
<option value="">Comercial</option>
</select>

<!--PRIMER OPCION-->
<div id = "opc1">
<p>
Nombre: <input type="text" name="nombre">
</p>
Apellidos: <input type="text" name="apellidos">
<p>
Compra (Unidades):<input type="text" name="compra">
</p> <p>
Fecha:<input type="date" name="fecha">
</p>
<p>
Zona:<select name="zona" required pattern="[A-Z ]+">
<option value="">...</option>
<option value="TUXPAN-COAMILES">TUXPAN-COAMILES</option>
<option value="ROSAMORADA-RUIZ">ROSAMORADA-RUIZ</option>
<option value="LAS HACIENDAS">LAS HACIENDAS</option>
</select>
</p>
<p>
D&iacute;a:<select name="dia" required pattern="[A-Z]+">
<option value="">...</option>
<option value="LUNES">LUNES</option>
<option value="MARTES">MARTES</option>
<option value="MIERCOLES">MIERCOLES</option>
<option value="JUEVES">JUEVES</option>
<option value="VIERNES">VIERNES</option>
<option value="SABADO">SABADO</option>
</select>
</p>
<p>
No. Ruta:<select name="numero" required pattern="[1-9]+" title="Sólo números" >
<option value="">....</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
<input type="submit" values="guardar" name="guardar">
</div>

<!--sEGUNDA OPCION-->

<div id="opc2">
<p>
Neogocio/servicio: <input type="text" name="nombre">
</p>
<p>
Compra (Unidades):<input type="text" name="compra">
</p> <p>
Fecha:<input type="date" name="fecha">
</p>
<p>
Zona:<select name="zona" required pattern="[A-Z ]+">
<option value="">...</option>
<option value="TUXPAN-COAMILES">TUXPAN-COAMILES</option>
<option value="ROSAMORADA-RUIZ">ROSAMORADA-RUIZ</option>
<option value="LAS HACIENDAS">LAS HACIENDAS</option>
</select>
</p>
<p>
D&iacute;a:<select name="dia" required pattern="[A-Z]+">
<option value="">...</option>
<option value="LUNES">LUNES</option>
<option value="MARTES">MARTES</option>
<option value="MIERCOLES">MIERCOLES</option>
<option value="JUEVES">JUEVES</option>
<option value="VIERNES">VIERNES</option>
<option value="SABADO">SABADO</option>
</select>
</p>
<p>
No. Ruta:<select name="numero" required pattern="[1-9]+" title="Sólo números" >
<option value="">....</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
<input type="submit" values="guardar" name="guardar">

</div>

<!--TERMINACION-->

</form>