Ciao a tutti,
ho un problema con un menu che sto cercando di realizzare utilizzando Jquery. Il menu in questione è composto da una struttura ad albero di questo tipo:
Titolo
Sottovoce1
Sottosottovoce1
Sottovoce2
Le singole voci del menu sono composte da link di tipo testuali e le voci ad eccezione del Titolo sono nascoste.
Questo il codice:
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("a.buttonBslidedown").click(function(){
$("div.bloccouno").slideToggle("slow"); });
$("a.buttonFslidedown").click(function(){
$("div.domandauno").slideToggle("slow"); });
$("a.buttonGslidedown").click(function(){
$("div.domandadue").slideToggle("slow"); });
});
</script>
<div class="contenitore_domande testo_nero_xcontenuti">
<div class="domande_profilo">Titolo</div>
<div class="bloccouno">Sottovoce1
<div class="domandauno">Sottosottovoce1</div>
</div>
</div>
Problema: se clicco su Titolo il menu funziona correttamente facendo uscire Sottovoce1. Se clicco su Sottovoce1 invece, il testo di Sottosottovoce1 sborda dal div contenitore "bloccouno".
Ho provato a dividere tutto in singoli div e apparentemente il sistema funziona ma se riclicco sul titolo e le Sottosottovoci nn sono state richiuse queste risultano aperte.
Allego immagine esplicativa del problema.
Ringrazio in anticipo tutti coloro che avranno la pazienza di darmi una mano.
Azazel