jQuery悬停向上滑动，但始终显示第一个列表项

Question

我一直在使用这个jsfiddle代码，但是无法让它做我想要的事情，事实上我认为我的方式不可能，所以我会接受新的建议。< / p>

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

On Hover我希望项目列表向上滑动，但是我希望它在悬停之前始终显示按钮上方的第一个列表项，然后在悬停时向上滑动列表的其余部分。但因为它使用display：none我无法找到一种方法来允许它显示第一个列表项。

Answer 1

快点走了，这是沿着你想要做的正确路线吗？ http://jsfiddle.net/cUFNR/

Answer 2

只是为了获得更好的行为，在多次悬停时使用stop（）来避免不必要的影响：

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

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