Med selectorn $('li.menu-item > ul.sub-menu') kan du targeta en sub-menu direkt underställd menu-item. Med selectorn $('ul.sub-menu > li > ul.sub-menu') borde du komma åt nästa lista. Tänk också på att du kan använda $(this).find(<selector>) för att hämta noder under aktivt element.
Frågan#1
Hej!
Jag är inte så hipe på JavaScript och undrar om någon kan hjälpa mig med följande:
Jag har en meny (med två sub-menus) som ser ut såhär:
HTML
<ul>
<li class="menu-item">Produkter</li>
<ul class="sub-menu">
<li>Produkt 1</li>
<li>Produkt 2</li>
<li>Produkt 3
<ul class="sub-menu">
Produkt 3.1
Produkt 3.2
Produkt 3.3
</ul>
</li>
</ul>
<li class="menu-item">Tjänster</li>
<li class="menu-item">Etc..</li>
<ul>
Jag vill med hjälp av jQuery få undermenyn att glida ner on hoover på menu-item, och mitt problem är att efter som menyn har 3 nivåer, och båda undermenyerna heter sub-menu i class, glider de ner båda två när jag för musen över "produkter" (båda nivåer 2an och 3an visas istället för bara nivå 2). Klassen på undermenyerna går ej att ändra utan jag måste anropa dessa en och en. Någon som ser kodbiten i jQuery som jag saknar?
Tack för all hjälp!
jQuery
$(document).ready(function(){
$(".sub-menu").slideUp(100, function(){$(".menu-item").css({overflow:'visible'})});
$(".menu-item").hover(
function(){
if($(".sub-menu", this).queue().length < 2)
$(".sub-menu", this).slideDown(250);
},function(){
$(".sub-menu", this).slideUp(250);
}
);
});
