Buongiorno, non riesco a far si che al click su una categoria vengano espanse/ridotte le sottovoci.
La struttura del menù è questa:
Io vorrei che tutte le voci siano nascoste e cliccando su Menu o Agenda o un'altra categoria (che ho omesso per spazio) si espandono le voci sotto. E' possibile farlo?
Io avevo provato a riadattare questo script:
Però non sono riuscito. Grazie per l'aiuto.
La struttura del menù è questa:
Codice:
<ul class="nav nav-tabs nav-stacked main-menu">
<li style='background-color:#99FFCC;' class="nav-header hidden-tablet">Menù</li>
<li><a class="ajax-link" href="admin.php"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
<li style='background-color:#99FFCC;' class="nav-header hidden-tablet">Agenda</li>
<li><a class="ajax-link" href="nuovo_appuntamento.php"><i class="icon-pencil"></i><span class="hidden-tablet"> Nuovo Appuntamento</span></a>
<li><a class="ajax-link" href="nuovo_appuntamento.php"><i class="icon-pencil"></i><span class="hidden-tablet"> Nuovo Appuntamento</span></a>
</li>
</ul>
Io avevo provato a riadattare questo script:
Codice:
<script type="text/javascript">
$(document).ready(function(){
$(" li > *:not(h3)").hide();
$(".ajax-link").css("cursor","pointer").click(function (){
//selezioniamo tutte le risposte
var risposta = $(this).siblings();
//mostriamo/nascondiamo le risposte
risposta.slideToggle("slow");
});
});
</script>
Però non sono riuscito. Grazie per l'aiuto.