2011-03-09 45 views
0

我一直在这个jsfiddle代码,但无法让它做我想做的事情,事实上我不认为这是可能的,我已经做到了它会接受新的建议。jQuery悬停滑动,但显示第一个列表项总是

http://jsfiddle.net/GwBuj/118/

悬停我想要的项目列表中向上滑动,这确实如此,但我想它总是只显示悬停之前的按钮上方的第一个列表项,然后悬停向上滑动清单的其余部分。但是因为它使用display:none我不知道如何让它显示第一个列表项。

+0

你这个http://jsfiddle.net/GwBuj/121/ ,这是我们的要求吗? – 2011-03-09 12:40:10

+0

这是一种方法来做到这一点。我只是改变了div的结构。 http://jsfiddle.net/GwBuj/123/; – 2011-03-09 12:53:05

回答

0

刚刚走了,这是沿着你想做什么的正确路线? http://jsfiddle.net/cUFNR/

+1

这正是我想要尝试的,但我注意到当鼠标悬停在菜单上时,鼠标悬停/鼠标悬停会发出怪异声,所以我调整了一下代码: http://jsfiddle.net/cUFNR/1/ – 2011-03-09 13:07:15

+0

是的非常多,动画似乎是正确的路要走,有没有办法阻止它循环时来回徘徊?返回假或什么? – Yammi 2011-03-09 13:09:53

+0

干杯@完美,完美!谢谢你们 – Yammi 2011-03-09 13:10:42

0

仅仅只针对具有更好的性能,使用的stop(),以避免不必要的影响,当多个徘徊:

http://jsfiddle.net/cUFNR/2/

$('.button').hover(
    function() { 
     $(".slide").stop().animate({height:'100px'}, 500); 
    }, function() { 
     $(".slide").stop().animate({height:'20px'}, 500); 
    });