Ciao a tutti, ho un piccolo problema con un codice css. Un piccolo effetto "appari/scompari" di un box realizzato tramite ".menu", ma quando ci clicco si sposta tutto in testa alla pagina, perchè "riferisce" all'ancora #menu (almeno penso sia questo).

Vi chiedo se esiste un altro modo per avere lo stesso effetto hide/show senza che tutta la pagina si sposti in testa all'elemento selezionato.

Questo è il codice:

codice:
<style type="text/css" >
.menu span + div { height: 0; position: relative; width: 100%; z-index: 100; overflow: hidden; }
.menu :target span + div { height: 120px; }
.menu :target div { overflow: auto; }
</style>

<div class="menu">
	<div id="menu">
		<span>
			[+]
		</span>
		<div style="background-color: yellow;">
			prova testo prova testo prova testo 

			prova testo prova testo prova testo 

			prova testo prova testo prova testo 

			prova testo prova testo prova testo 

		</div>
	</div>
</div>