Question

我使用UL和CSS制作了导航。默认情况下隐藏了儿童ul - 当将鼠标移到父LI（即菜单项）上时，我想通过向下滑动显示孩子UL。

实现这一目标的最佳方法是什么？

我目前正在使用此代码，并且想知道是否有更好的方法：

$("div.menu ul.children").each(function(i){
    var ul = $(this);
    var he = ul.height();
    ul.height(0);
    var li = ul.parent();
        li.bind("mouseenter", function(){
            ul.animate({height: he+'px'}, {queue:false, duration: 100});
        });
        li.bind("mouseleave", function(){
            ul.animate({height: '0px'}, {queue:false, duration: 100});
        });
    });

Answer 1

这些方面的东西：

$(".togglevisibility")
  .mouseenter(function() {
    $(this).children("ul").slideDown();
  })
  .mouseleave(function() {
    $(this).children("ul").slideUp();
  });

请参阅http://jsfiddle.net/xfkeM/

在jQuery中动画UL（导航）

1 个答案: