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.