animating the ASP Menu using jquery

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?