Ciao ragazzi sto da poco studiando javascript e incappo in 1sacco di problemi...ad esempio ho il seguente codice che deve farmi comparire 2 campi della form se seleziono "cane" nel primo campo, il problema è che devono comparire tutte e due e non una sola:

codice:
<html>
<head>
<script language="javascript">

function elemento(obj, a)
{
var e = document.getElementById(a);
if(obj=="cane")
	e.style.display="block";
else
	e.style.display="none";
}
</script>
</head>
<body>


<h3>Form di inserimento</h3></p>

<form method="POST" action="inserimento.php" name="modulo">
<table>

<tr>
<td align="right">
Inserisci il tipo di animale che possiedi:</td>
<td>
<select name="immobile" onChange="elemento(this.options[this.selectedIndex].value, 'elemento1');">
<OPTION value=cane>Cane</option>
<OPTION value=gatto>Gatto</option>
</select>
</td>
</tr>

<tr>
<td align="right">
Nome animale:</td>
<td>
<input type="text" name="locali" id="elemento1" style="display:none"></td>
</tr>

<tr>
<td align="right">
Razza:</td>
<td>
<input type="text" name="locali" id="elemento1" style="display:none"></td>
</tr>


</table>
</form>
</body>
</hmtl>
La funzione elemento che viene richiamato alla selezione del primo campo deve far aprire tutte e due i campi che ci sono dopo però me ne apre soltanto uno..