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