Rendere visibili o invisibili uno o più campi

[Xion Aritel]

Salve a tutti, avrei bisogno di rendere visibili o invisibili due campi a seconda di cosa viene selezionato in un menù a tendina.
Di default i due campi sono invisibili, solo con una determinata selezione diventano visibili, con gli altri tornano a nascondersi.

La funzione JS è questa:

function ValidaRichiamata(valore)
{
	if (document.Sebia.Esito.value == "Richiamare")
	{
				document.Sebia.lblData.style.visibility = "VISIBLE";
		document.Sebia.DataOraRic.style.visibility = "VISIBLE";
	}
	else
	{
		document.Sebia.DataOraRic.value = "";
		document.Sebia.lblData.style.visibility="HIDDEN";
document.Sebia.DataOraRic.style.visibility="HIDDEN";
	}
}

I due campi (più il menù a tendina) sono questi:

<td>
<SELECT name="Esito" onChange="ValidaRichiamata(this.value);">          
<OPTION VALUE="---">---
<OPTION VALUE="Sì">Sì (Sondaggio eseguito)
<OPTION VALUE="No">No (Sondaggio rifiutato)
<OPTION VALUE="Richiamare">Da richiamare
<OPTION VALUE="NumErr">Numero Errato
</SELECT>
</td>
<td name="lblData" style="visibility:hidden">
<font color=ffffff>Data e ora della richiamata:</font>
</td>
<td>
<input type="text" name="DataOraRic" style="visibility:hidden">
</td>

Come faccio a farla funzionare?

Grazie in anticipo a tutti!

[Another]

io uso style.display = '' per visibili e style.display = 'none' per invisibili, prova un po'