2011-03-09 53 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); 
    });