Far apparire/scomparire un sottomenù al click

lorenzo84

Utente Attivo
22 Lug 2012
239
0
16
Buongiorno, non riesco a far si che al click su una categoria vengano espanse/ridotte le sottovoci.

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">&nbsp;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">&nbsp;Nuovo Appuntamento</span></a>
      <li><a class="ajax-link" href="nuovo_appuntamento.php"><i class="icon-pencil"></i><span class="hidden-tablet">&nbsp;Nuovo Appuntamento</span></a>
</li>
</ul>
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:

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.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, secondo me dovresti rivedere l'html del menu
prova questo esempio
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script  type="text/javascript">
            $(document).ready(function() {
                $(".lista li ul").hide();
                $(".lista li.nav-header").click(function() {
                    $(".lista li ul").hide();
                    $(this).children("ul").show();
                });
            });
</script>
<ul class="lista">
    <li class="nav-header"> Categoria 1
        <ul>
            <li>voce categoria 1</li>
            <li>voce categoria 1</li>
        </ul>
    </li>
    <li class="nav-header"> Categoria 2
        <ul>
            <li>voce categoria 2</li>
            <li>voce categoria 2</li>
        </ul>
    </li>
</ul>
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson Far apparire o scomparire div jQuery 1
asevenx problema con funzione per far apparire e scomparire un form di commenti PHP 1
Shyson Far apparire le l'icona Back To Top in fondo jQuery 8
Mr. Alex D. Come far apparire un testo preimpostato in una casella di un form di uno script php? PHP 1
P far apparire immagine sotto testo con rollover Javascript 2
C Far apparire segno + PHP 1
F far apparire in automatico tutti gli ultimi post di facebook nella propria home page HTML e CSS 4
S [jQuery] Far apparire un div per qualche secondo Javascript 4
S far apparire immagine in base al numero uscito PHP 5
Z Far apparire una textarea cliccando su submit Javascript 2
R Piacere di far parte di questa community Presentati al Forum 0
D Devo far funzionare un form di contatti PHP 4
J Far partire Angular Javascript 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
D [Java] far partire JProgressBar all'apertura di un JFrame Java 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
Q Problema su come far aggiornare i campi su un database Mysql PHP 17
W [PHP] Come far funzionare un form di selezione PHP 12
otto9due Al Click su optgroup di un select, far comparire le option annidate jQuery 2
M Riadattamento funzioni per far scomparire un menu. jQuery 4
momeraths [HTML] Come non far scaricare video HTML e CSS 1
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M [Javascript] far scomparire il menu al click Javascript 0
Bryan [PHP] Far mostrare tutte le tabelle contenenti in un database PHP 2
maurogiarrizzo È un piacere far parte di questo sito Presentati al Forum 1
C [PHP] DEVO FAR SPUNTARE SOLO LE CONSONANTI DI UNA STRINGA PHP 1
R Come faccio a far tradurre un mio video su Youtube? YouTube 2
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
M Creazione codice html per far prelevare un banner HTML e CSS 3
M Far partire una funzione/codice php con javascript Javascript 1
S Far partire in automatico una slide all'apertura della pagina Javascript 0
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
S Come faccio a far scorrere delle immagini come sfondo di una pagina? Discussioni Varie 1
I Far conoscere un sito SEO e Posizionamento 4
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
K Far scorrere il menu dal fondo al top della pagina HTML e CSS 6
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
piccino Far pubblicare un solo articolo WordPress 0
D cliccare sul tasto per far comparire una scritta tipo PHP 0
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
S Far scrivere un testo ad un utente registrato..... PHP 3
L Come far commentare/scrivere agli altri utenti?? Windows e Software 10

Discussioni simili