jQuery SlideUp ... Mais ne disparaissent pas hors de l'écran

Question

Est-il possible d'utiliser .slideUp, mais l'objet seulement glisser par (par exemple) de 20px au lieu de disparaître hors de l'écran?

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

Utilisez animate à la place.

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

Diapositive your div up 20 pixels in 300 ms.