Esconder/mostrar campos de registro

[follow]

Hola a todos, estoy haciendo una página donde se pueden registrar 3 tipos de usuarios diferentes, 'usuarios' 'profesionales' 'asociaciones'.

El tema es que quiero que cuando seleccionen en el formulario de registro que tipo de usuarios son, quiero que se muestren unas casillas especificas para rellenar.

Y.. no se como hacerlo he buscado por google evidentemente, pero no encuentro ningun tuto o ejemplo que sea como lo que yo quiero y no me aclaro.

¿Se puede hacer mediante css o ya tendría que irme a javascript o algo? Si con las dos opciones se puede... ¿Que me recomendais?

Espero que alguien me conteste aunque sea si se puede con css y como es mas correcto...

Un saludo y gracias de antemano!

[follow]

Se me olvidó poner el código del formulario...

Código HTML:

<form id="regForm" action="submit.php" method="post">
<table>
<tbody>

<tr>

        <td><label for="tipo_usuario">usuario tipo:</label></td>
        <td>
        <div class="input-container">
        <select name="tipo_usuario" id="tipo_usuario">
        <option value="0">tipo_usuario:</option>
        <option value="1">Usuario normal</option>
        <option value="2">Profesional</option>
        <option value="3">Asociacion</option>
        </select>

        </div>
        </td>
</tr>


<tr>

        <td><label for="fname">Nombre:</label></td>
        <td><div class="input-container">
        <input name="fname" id="fname" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="lname">Apellidos:</label></td>
        <td><div class="input-container">
        <input name="lname" id="lname" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="email">Email:</label></td>
        <td><div class="input-container">
        <input name="email" id="email" type="text" />
        </div></td>

</tr>
<tr>

        <td><label for="pass">Contraseña:</label></td>
        <td><div class="input-container">
        <input name="pass" id="pass" type="password" />
        </div></td>

</tr>
<tr>

        <td><label for="sex-select">I am:</label></td>
        <td>
        <div class="input-container">
        <select name="sex-select" id="sex-select">
        <option value="0">Select Sex:</option>
        <option value="1">Female</option>
        <option value="2">Male</option>
        </select>

        </div>
        </td>
</tr>

<tr>
        <td><label>Fecha Nacimiento:</label></td>
        <td>

        <div class="input-container">

        <select name="month">
        <option value="0">Month:</option>
        <?=generate_options(1,12,'callback_month')?>
        </select>

        <select name="day">
        <option value="0">Day:</option>
        <?=generate_options(1,31)?>
        </select>

        <select name="year">
        <option value="0">Year:</option>
        <?=generate_options(date('Y'),1900)?>
        </select>

        </div>

        </td>

</tr>
<tr>

        <td> </td>
        <td><input type="submit" class="greenButton" value="Registrarse" />
        <img id="loading" src="img/loader.gif" alt="working.." />
        </td>

</tr>

</tbody>
</table>

</form>

Al elegir por ejemplo 'Asociacion' me gustaria que poder modificar/personalizar las casillas que le siguen...

[follow]

Hola otra vez... jejejej

He encontrado esté mini tutorial, se que estoy en el hilo de CSS, este ejemplo es con javascript para ocultar y mostrar div, pero bueno voy a probar a ver que tal me va.

Aquí lo dejo por si ha alguien le surge la misma cuestión y le quiere echar un vistazo.

http://www.elguruprogramador.com.ar/articulos/mostrar-y-ocultar-divs.htm

Un saludo a todos!