使用jQuery的幻灯片效果来隐藏块

-2

我有一个div，我想隐藏效果slideDown。我想slideDown隐藏文本，而不是显示它，和slideUp显示文本，而不是隐藏它。使用jQuery的幻灯片效果来隐藏块

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

请张贴您的代码。 – j08691

http://build-net.co.il/MH/main.html –

我想你应该使用toggle函数。

$("#myBlockId").toggle()

或者如果你想要一个水平切换如果您使用jQuery UI的，你应该使用animate功能

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

2013-07-09 16:56:44 fritsMaister

没有持续时间的'toggle'没有任何动画效果。持续时间不是问题所要求的。 –

是的，这是真的。在jquery网站上说默认时间是400，所以我认为它会动起来没有时间。对不起，感谢！ :) – fritsMaister

，你可以用它来更改幻灯片的方向。

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

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

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

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

2013-07-09 16:59:17 Gray

我没有看到'hide'或'show'的任何签名，甚至看起来就像这样。 –

作品！有一个问题， http://build-net.co.il/MH/main.html 块去右边一些如何，我该如何解决它？ –

这是如何工作的？这是扩展的一部分，也许jQuery UI？ –

回答