使用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？ –

回答