JQuery: Comment effectuer une diapositive "push", pas une diapositive vers le haut?

Question

I en utilisant les éléments suivants JQuery:

$("#pushSlideDiv").slideDown("fast"); 

Cependant, cela crée un effet "slide". Ce qui veut dire que si je fais un slidedown, le DIV soulignant se dévoile d'une révélation de haut en bas.

Je veux un effet "push", où le slidedown se révèle plutôt comme si le div est poussé sur la page ... où vous voyez d'abord le bas de la div. Comment puis-je faire cela avec JQuery?

MISE À JOUR:

This isn't a great example, mais il montre un effet de poussée que je suis en train d'accomplir vs un effet « slide ».

Answer 1

Vous voulez jquery ui! Check it out: http://jqueryui.com/demos/effect/#default

est ici de plus près: http://docs.jquery.com/UI/Effects/Slide

Answer 2

Vous pourriez vouloir essayer l'effet de glissement pour .show et .hide dans jQuery UI.

Jquery UI Show Demo

Answer 3

Vous pouvez utiliser la méthode Animate() jQuery.

$("div").css({top:0}).animate({top:500},{duration: 50}); 

Cela va définir votre div initialement en haut: 0 et l'animer en haut: 500 sur une durée de 0,5 secondes.

Answer 4

Il semble que vous souhaitiez combiner l'effet Slide et l'effet Clip.

Je ne sais pas quel serait cet effet.