jQuery |滑動jQuery 滑動方法

jQuery 滑動方法可使元素上下滑動。

應用場景：子父級組織，例如：中國下有，陝西省、山東、河北。

通過 jQuery，您可以在元素上建立滑動效果。

jQuery 擁有以下滑動方法： slideDown() slideUp() slideToggle()

文法: $(selector).slideDown(speed,callback);

可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數是滑動完成後所執行的函數名稱。

執行個體 slideDown() 方法：

$("#flip").click(function(){ $("#panel").slideDown(); }); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_slide_down" target="_blank">嘗試一下 »</a>

$(selector).slideUp(speed,callback);

執行個體 slideUp() 方法：

$("#panel").slideUp(); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_slide_up" target="_blank">嘗試一下 »</a>

jQuery slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進行切換。

如果元素向下滑動，則 slideToggle() 可向上滑動它們。

如果元素向上滑動，則 slideToggle() 可向下滑動它們。

文法:$(selector).slideToggle(speed,callback);

$("#panel").slideToggle(); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_slide_toggle" target="_blank">嘗試一下 »</a>