[JAVASCRIPT] informazioni a scomparsa

ciao a tutti
oggi tanto per cambiare ho continuato ad aggiornare il sito e sono arrivato alla lista utenti e ho deciso di modificarla un po:
praticamente quando passi sulla righa di un utente appare sotto un altra riga con ulteriori informazioni
ho buttato giu questo codice:

<script language="javascript">
mostra(user) {
    document.getElementById('tabl_'+user).style.visibility = "visible";
}
nascondi(user) {
    document.getElementById('tabl_'+user).style.visibility = "hidden";
}
</script>
<table width="100%" border="0">
  <tr>
    <td colspan="5" class="titol">Lista utenti</td>
  </tr>
  <tr class="tbl">
    <td width="15%">User</td>
    <td width="30%">Email</td>
    <td width="20%">Nome</td>
    <td width="20%">Cognome</td>
    <td width="15%">Tipo</td>
  </tr>
<?php
Db($db);
$numero=20;
if(!isset($_GET['pagina'])) {
    $pagina=1;
} else {
    $pagina=$_GET['pagina'];
}
$start=($pagina-1)*$numero;
$step=$start+$numero;
if($pagina == 1) {
    $precedente=null;
} else {
    $indietro=$pagina-1;
    $precedente="<a href=\"lista_utenti.php?pagina=".$indietro."\">&lt;</a>";
}
$query = "SELECT count(*) AS tot FROM user";
$result = mysql_query($query, $db);
$row = mysql_fetch_array($result);
$differenza=$row[tot]-($pagina*$numero);
if($differenza > 0) {
    $avanti=$pagina+1;
    $succesiva="<a href=\"lista_utenti.php?pagina=".$avanti."\">&gt;</a>";    
} else {
    $succesiva=null;
}
$query="SELECT * FROM user ORDER BY user ASC LIMIT $start, $step";
$risultato=mysql_query($query, $db);
while($row=mysql_fetch_array($risultato)) {
    $tipo=$row[tipo];
    if($tipo == "1") {
        $tipo="Utente";
    } elseif($tipo == "2") {
        $tipo="Mod";
    } elseif($tipo == "3") {
        $tipo="Admin";
    }?>
  <style type="text/css">
  <!--
  #tabl_<?=$row[user];?>{
      visibility:hidden;
  }
  -->
  </style>
  <tr onMouseOver="mostra('<?=$row[user];?>');" onMouseOut="nascondi('<?=$row[user];?>');">
    <td><?=$row[user];?></td>
    <td><? if($_SESSION['log'] == "1") {echo $row[email];} else {echo "<font color=\"#00E4F0\" size=\"-1\">Devi essere registrato</font>";}?></td>
    <td><?=$row[nome];?></td>
    <td><?=$row[cognome];?></td>
    <td><?=$tipo;?></td>
  </tr>
  <tr id="tabl_<?=$row[user];?>">
    <td colspan="5">ulteriori informazioni</td>
  </tr>
<?php
}?>
  <tr>
    <td colspan="5" align="center"><?=$precedente;?>&nbsp;<?=$pagina;?>&nbsp;<?=$succesiva;?></td>
  </tr>
</table>

pero non funziona (ovviamente): per precisare rimane invisibile anche se passo sopra
qualcuno puo aiutarmi?

grazie

[dementialsite]

Non vorrei che fosse per il fatto che gli stili "globali" (dentro il tag STYLE) continuino a prevalere sugli stili "puntuali" (che dovresti specificare nei tag con l'attributo STYLE).

Prova così: invece di usare il tag STYLE prima di comporre la tabella (cosa che tra l'altro ti porta a un codice non W3C-valido, STYLE può essere inserito solo nella parte HEAD), usa direttamente l'attributo STYLE sul tag che vuoi mostrare/nascondere, così:

<tr id="tabl_<?=$row[user];?>" style="visibility:hidden">
    <td colspan="5">ulteriori informazioni</td>
  </tr>

Stammi bene...

grazie dementialsite ma non funziona lo stesso
qualche altra possibile soluzione?