jQuery SlideUp ...但不要消失屏幕

Question

是否可以使用.slideUp，但對象只能通過（例如）通過20px slideUp而不是消失在屏幕之外？

HTML：

<div class="toolbar"> 
    <p>Hide</p> 
    <ul> 
    <li>Tab 1</li> 
    <li>Tab 2</li> 
    </ul> 
</div> 

JQUERY：

$(".toolbar p").click(function() { 
    $(".toolbar").slideUp(); 
}); 

Answer 1

使用animate代替。

$('#myDiv').animate(
    { 
     top: "-=20px" 
    }, 300); 

在300毫秒內將您的div上移20像素。