Home Folio About
- menu1 shop
- menu2 More - a
- b
The asp navigation menu looks something like this and I would like to apply the slideDown effect for submenus when hovered over Folio, About and More.
Tried the below, but it doesnt work.It slides all the submenus when hovered over Folio or About.
$(".has-popup a").hover(function() {
$(this).next("ul.dynamic").slideDown("slow");
}, function() {
$(this).next("ul.dynamic").slideUp("slow");
});
The Menu control adds its own css classes making it even more difficult.
<div class="menu">
<ul class="level1 static">
<li class="static">
<a class="level1 selected static">Home</a>
</li>
<li class="has-popup static">
<a class="static">Folio</a>
<ul class="level2 dynamic">
<li class="dynamic"> <a class="level2 dynamic">menu1</a></li>
Any advice, how to go ahead?