Question

Home    Folio     About
        - menu1     shop
        - menu2     More - a
                         - b

asp导航菜单看起来像这样，我想在Folio，About和More上盘旋时对子菜单应用slideDown效果。

尝试以下操作，但是当它悬停在Folio或About

上时，它会滑动所有3个子菜单

$(".has-popup a").hover(function(){
$("ul.dynamic").slideDown("slow");
});

Menu控件添加了自己的css类，使其更加困难。

<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>

有任何建议，如何继续？（输入很难。没有粘贴选项。）

Answer 1

该行：

$("ul.dynamic").slideDown("slow");

正在使用课程ul定位所有dynamic。您只需定位悬停菜单ul内的a：

$(".has-popup").hover(function() {
    $(this).find("ul.dynamic").first().stop().slideDown("fast");
}, function() { 
    $(this).find("ul.dynamic").first().stop().slideUp("fast");
});

<强>更新：

阅读完你的评论后，我创造了一个快速而肮脏的小提琴来帮助你。并相应地纠正了上述代码。

请参阅小提琴： http://jsfiddle.net/w798Z/

希望这有帮助。

使用jquery为ASP菜单设置动画

1 个答案: