Script che nasconde righe

[luseresi]

Buongiorno a tutti,
ho questo script:

<script>

function mostradettagli(id)
   {
   d = document.getElementById("datiextra"+id);
   if (!d)
      return;

   if (d.style.display != "block")
       d.style.display = "block";
   else
       d.style.display = "none";
   } 

</script> 

cliccando sul pulsante apposito nasconde o fa ricomparire le righe.
Non so perchè funziona solo con Explorer ma non con tutti gli altri browser.
Qualcuno può aiutarmi?

echo '<tr> 
<td> campo1 </td>
<td> campo2 </td> 
<td> campo3 </td> 
<td> campo4</td>
<td> campo5</td>
<td>[img]dettagli_2.png[/img] </td>';
     
echo '<tr class="datiextra" id="datiextra' . [campoid]. '">
<td colspan="2"> campo6</td>
<td colspan="2"> campo7</td> 
<td>campo8</td>
</tr>'; 

Nel file css ho la voce:

.datiextra
   {
   display:none;
   } 

Grazie mille