Ciao a Tutti/e,
ho usato il jquery che trovate qui http://jsfiddle.net/anstosa/Gtbeh/1/ per creare un menu+sottomenu che si apre cliccando sulla voce del menu e che si chiude cliccando su un'altra voce del menu.Fin qui tutto bene!
Collegando i link del sottomenu ho riscontrato una cosa inaspettata e cioè che non appena si clicca su una voce del sottomenu per accede al link collegato, il sottomenu si chiude automaticamente. Quindi se si vuole per esempio andare sulla voce2 del sottomenu, bisogna cliccare sulla voce del menu che fa comparire il sottomenu e poi premere sulla voce2.
Ho provato a fare delle piccole modifiche al jquery anche cercando sul web, ma non ho trovato nulla che funzioni, potreste darmi una mano per venirne a capo??
C'è un modo per tenere aperto il sottomenu quando si naviga nelle sue voci e che si chiuda solo cliccando sul menu. Esiste un comando che dica al sottomenu "stai aperto fino a quando non si clicca su una voce del menu".
Grazie mille per ogni suggerimento :-)
Questo è il codice del jquery:
function initMenu() {
$('#menu ul').hide();
$('#menu > li > a').on('click', function() {
$('#menu ul').slideUp();
$(this).next().slideDown();
});
}
$(document).ready(initMenu);
HTML è fatto così:
[...]
<ul id="menu">
<li class="menu1">Voce1
<li class="menu1">Voce2
<ul class="submenu">
<li class="submenu1">Voce2-1
<li class="submenu1">Voce2-2
<li class="submenu1">Voce2-3
</ul class="submenu">
[...]
</ul id="menu">

Rispondi quotando
manca la prima stringa del codice:
