Ciao a tutti ecco il problema.
Nella mia pagina faccio un elenco di elementi (div) e cliccando su uno vorrei che venissero visualizzati i suoi dettagli facendo apparire nella stessa pagina un div "dettagli".

for ($i=1; $i<17 ; $i++) {
?>

<div id="struttura" onclick="mostra(<?php echo $i;?>)">
livello </br> </br> </br>
Strttura n <?php echo $i;?>
</div>

<div id="dettaglioStruttura<?php echo $l; ?>" onclick="nascondi(<?php echo $i;>)">
Costruzione struttura <?php echo $i."</br>"; ?>
</div> <?php }?>


Funzioni JavaScript:
<script type="text/javascript">

function mostra(int i)
{
document.getElementById("dettaglioStruttura".i).st yle.display="block";
document.getElementById("struttura").style.display ="none";
}

function nascondi(int i)
{
document.getElementById("dettaglioStruttura".i).st yle.display="none";
document.getElementById("struttura").style.display ="block";
}

</script>

Il CSS (non lo metto per tutti i dettagli .. cambierebbe solo il nome):
div#dettaglioStruttura1{
display: none;
background-color: blue;
width: 790px;
height: 185px;
float: top;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
}

A parte l'allineamento, mi interessa principalmente risolvere il problema php-javascript.
Grazie.