ocultar campos de un formulario

[rosabelzd]

Hola amigos de Foros del Web

Tengo una dudita con un formulario. La cuestion es que tengo algunos campos que son fijos para el usuario y en dependencia de la subcathegoria que él seleccione, se deben mostrar otros campos que están mas abajo. Estaba pensando en codigo Javascript pero si tienen otra sugerencia, será aceptada.

Aca les dejo el codigo html del formulario que uso a ver si me pueden ayudar.

Gracias de antemano a todos. Saludos Rosabel

Código:

<form name="insert" onSubmit="return validate(campos)" action="../functions/insert_advert.php" id="insert" method="post" enctype="multipart/form-data">
        <p align="right" style="color:#C00;font-weight:bold;">{$insert_error}{$insert_success}{$insert_empty}</p></br>
        <table width="690" border="0" align="center">
          <tr>
            <td width="144"><small>Subcathegory *</small></td>
            <td colspan="3">
                <select id="subcath" name="subcath">
                    <option selected="selected" value='-1'>-----{$selectSubcath}-----</option>
                 {foreach key=key item=op from=$options}   
                    <option value={$op.id_subcathegory}>{$op.cathegory_name_en} &gt;&gt; {$op.subcathegory_name_en}</option>
                 {/foreach} 
              </select></td>
          </tr>
          <tr>
             <td><label for="title"><small>Title *</small></label></td>
             <td colspan="3"><input name="title" type="text" id="title" size="80" /></td>
          </tr>
          <tr>
            <td><label for="name"><small>Name</small></label></td>
            <td colspan="3"><input name="name" type="text" id="name" size="80" /></td>
          </tr>
          <tr>
            <td><small>Contact Email</small></td>
            <td colspan="3"><input type="text" name="email" id="email" size="45" /></td>
          </tr>
          <tr>
              <td><small>Contact Telephone</small></td>
            <td><input type="text" name="phone" id="phone" size="20" /></td>
            <td><small>Price</small></td>
            <td><input type="text" name="price" id="price" value="" size="10" />
                <select name="money" id="money">
                    <option selected="selected" value="USD">USD</option>
                    <option value="EURO">EURO</option>
                    <option value="CUC">CUC</option> 
                </select>
            </td>
          </tr>
          <tr>
            <td><small>Address</small></td>
            <td colspan="3"><input name="address" type="text" id="address" size="45" /></td>
          </tr>
          <!--auto-->
          <tr>
            <td><small>Make</small></td>
            <td><input type="text" size="" name="make" id="make" /></td>
            <td><small>Model</small></td>
            <td><input type="text" name="model" size="" id="model" /></td>
          </tr>
          <tr>
            <td><small>Year</small></td>
            <td><input type="text" name="year" size="" id="year" /></td>
            <td><small>Milage</small></td>
            <td><input type="text" name="milage" size="" id="milage"/></td>
          </tr>
          <tr>
            <td><small>Transmition</small></td>
            <td><select name="transmition" id="transmition">
                    <option value="4x4" selected="selected">4x4</option>
                    <option value="Front">Front</option>
                </select></td>
            <td><small>Fuel Type</small></td>
            <td><select name="fuel" id="fuel">
                    <option value="Gas" selected="selected">Gas</option>
                    <option value="Diesel">Diesel</option>
                </select></td>
          </tr>
          <!--art-->
          <tr>
            <td><small>What's On</small></td>
            <td colspan="3"><input name="whats" id="whats" type="text" size="" /></td>
          </tr>
          <!--property-->
          <tr>
            <td><small>Dimention</small></td>
            <td colspan="3"><input name="dimention" id="dimention" type="text" size="" /></td>
          </tr>
          <!--accomodation-->
          <tr>
            <td><small>Accomodation Type</small></td>
            <td colspan="3"><input name="acctype" id="acctype" type="text" size="" /></td>
          </tr>
          <!--bar-->
          <tr>
            <td><small>Cusine Type</small></td>
            <td colspan="3"><input name="cusine" id="cusine" type="text" size="" /></td>
          </tr>
          
          
          <tr>
            <td><small>Comment</small></td>
            <td colspan="3"><textarea name="comment" id="comment" cols="60" rows="10"></textarea></td>
          </tr>
          <tr>
            <td><small>Pictures</small></td>
            <td colspan="3"><input name="upload1" id="upload1" type="file" size="30" /></td>
           </tr>
           <tr>
            <td></td>
            <td colspan="3"><input name="upload2" id="upload2" type="file" size="30" /></td>
           </tr>
           <tr>
            <td></td>
            <td colspan="3"><input name="upload3" id="upload3" type="file" size="30" /></td>
           </tr>
           <tr>
            <td><small>Daopay Code</small></td>
            <td colspan="3"><input name="code" id="code" type="text" size="30" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td colspan="3">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;
            <input name="submit" type="submit" id="submit" value="Insert" />
            &nbsp;&nbsp;&nbsp;&nbsp;<input name="reset" type="reset" id="reset" tabindex="5" value="Reset" /></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
</form>