Applicare un effetto fade

[luseresi]

Applicare un effetto fade

Buonasera a tutti,
ho trovato questo link molto carino, guardate la demo per cortesia:

[html]javascript.html.it/script/vedi/3237/effetto-fade-su-un-div/[/html]E' possibile applicarlo secondo voi a questo che è il mio attuale codice?

Ho questo script nella head:

function mostradettagli(id){
var d = document.getElementById("datiextra"+id);
var a = document.getElementById("datiextra2"+id);
var b = document.getElementById("datiextra3"+id);
if (!d) return;

if (d.style.display != "block" && d.style.display !="table-row"){
var valoreMostra=(document.all && !window.opera)?"block":"table-row";
d.style.display = valoreMostra;
if(a) a.style.display = valoreMostra;
if(b) b.style.display = valoreMostra;
}
else {
d.style.display = "none";
if(a) a.style.display = "none";
if(b) b.style.display = "none";
}
}

E poi nel corpo ho per esempio:

<tr class="datiextra" id="datiextra2' . $scatola_temporanea['id']. '">
<td class="sfondoquery3" id="lstr"><h3>Luogo</h3></td>
<td class="sfondoquery3" id="nstr"><h3>Nome</h3></td>
<td class="sfondoquery3" id="tstr"><h3>Tipo</h3></td>
<td class="sfondoquery3" id="ms"><h3>Mese</h3></td>
<td class="sfondoquery3" id="as"><h3>Anno</h3></td>
</tr>

<tr>
<td class="sfondoquery" id="luogostr"> '. $scatola_temporanea['luogo'] . ' </td>
<td class="sfondoquery" id="nomestr"> '. $scatola_temporanea['nome'] . ' </td>
<td class="sfondoquery" id="tipostr">'. $scatola_temporanea['tipo'] . ' </td>
<td class="sfondoquery" id="meses">'. $scatola_temporanea['mese'] . '</td>
<td class="sfondoquery" id="annos">'. $scatola_temporanea['anno'] . '</td>
<td><img src="dettaglio.png" onclick="mostradettagli('. $scatola_temporanea['id']. ')"> </td>
</tr>

Nel file css ho invece:

.datiextra
{
display:none;
}

Grazie mille.