Buongiorno.
Dovrei mostrare un livello, inizialmente nascosto, al click sul link

codice:
<html>
<head>
<title>prova</title>
 
<style type="text/css">
#hidden {
    display: none;
}
-->
</style>
 
<script language="JavaScript">
    function toggle(id) {
        var state = document.getElementById(id).style.display;
            if (state == 'block') {
                document.getElementById(id).style.display = 'none';
            } else {
                document.getElementById(id).style.display = 'block';
            }
        }
</script>
</head>
 
<body>
   primo post  <a href="#" onclick="toggle('hidden_15');">mostra</a>
<br> <div id="hidden_15">livello mostrato.</div>
<br><br>
 secondo post  <a href="#" onclick="toggle('hidden_26');">mostra</a>
 <br> <div id="hidden_26">livello mostrato.</div>
<br><br>
 terzo post  <a href="#" onclick="toggle('hidden_301');">mostra</a>
 <br> <div id="hidden_301">livello mostrato.</div>
  
</body>
</html>
Sono tre perchè ogni post è estratto dal db (possono essere N) e quindi li posso distinguere solo con un numero uinivoco: hidden_xxx

Il javascript è in un file .js esterno: lo metto qui nella stessa pagina per farvelo vedere .
Con questo codice però i tre livelli partono sempre già visibili.