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

Question

是否可以使用.slideUp，但对象只能向上滑动(例如)20px，而不是消失在屏幕之外？

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 像素。