使用JQuery Slide效果隐藏块

Question

我有一个div，我想隐藏效果slideDown。 我希望slideDown隐藏文字而不是显示文字， 并slideUp显示文字而不是隐藏文字。

换句话说，目标是使用幻灯片动画隐藏/显示div。现有的slideUp / Down方法与我想要使用它们的方式相反。

Answer 1

我猜您应该使用toggle函数。

$("#myBlockId").toggle()

或者如果您想要水平切换，则应使用animate功能

$("#myBlockId").animate({width: 'toggle'}); 

Answer 2

如果您使用jQuery-UI，则可以使用它来更改幻灯片的方向。

$(this).hide("slide", { direction: "down" }, 1000);

其中1000是动画的速度。然后，您可以使用show来反转该过程。

$(this).show("slide", { direction: "up" }, 1000);

这是一个jsfiddle来演示。 http://jsfiddle.net/mtcVC/1/