ciao a tutti non riesco a trovare il modo di chiudere il div contente il menu della mia pagina ho provato di tutto ma riesco solo a farlo apparire e non sparire con lo stesso pulsante
grazie a tutti per le risposte
<body style="margin:0">
<img src="img/sfondo-titolo.png" style="position:absolute; width:100%; height:10%;">
<div onClick="comparsa()" id="bottone"><img src="img/apertura-menu.png" style="position:absolute; width:15%; height:10%; left:1%;"></div>
<img src="img/titolo.png" style="position:absolute; width:80%; left:15%; height:10%;">
<script type="text/javascript">
function comparsa() {if (document.getElementById("sidebar").style.display= "none"){ document.getElementById("sidebar").style.display=" block";} else {document.getElementById("sidebar").style.display= "none";} }
</script>
<div id="sidebar" style="display:none">
<img src="img/menu-sfondo.png" style="position:absolute; width:75%;height:100%; top:10%;">
<ul>
<li>
</a>
<li>
<li>
<a href="account.html">
<img src="img/menu-account.png" style="position:absolute; width:45%; height:8%; top:15%; left:0.5%;">
</a>
<li>
<li>
<a href="agenda.html">
<img src="img/menu-agenda.png" style="position:absolute; width:45%; height:8%; top:25%; left:0.5%;">
</a>
<li>
<li>
<a href="foto.html">
<img src="img/menu-foto.png" style="position:absolute; width:45%; height:8%; top:35%; left:0.5%;"
v>
</a>
<li>
<li>
<a href="notizie.html">
<img src="img/menu-notizie.png" style="position:absolute; width:45%; height:8%; top:45%; left:0.5%;">
</a>
<li>
<li>
<a href="opzioni.html">
<img src="img/menu-opzioni.png" style="position:absolute; width:45%; height:8%; top:55%; left:0.5%;">
</a>
<li>
<li>
<a href="orari.html">
<img src="img/menu-orari.png" style="position:absolute; width:45%; height:8%; top:65%; left:0.5%;">
</a>
<li>
<li>
<a href="altro.html">
<img src="img/menu-altro.png" style="position:absolute; width:45%; height:8%; top:75%; left:0.5%;">
</a>
<li>
</ul>
</div>
</body>
</html>
Rispondi quotando
