jquery - 使用 JQuery 的 Slide 效果隐藏块

Question

我有一个 div 我想用 effect 隐藏slideDown。我想slideDown隐藏文本而不是显示它，并slideUp显示文本而不是隐藏它。

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

Answer 1

我想你应该使用切换功能。

$("#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/