点击这里，隐蔽/显示面板

实例

jQuery slideDown()

html5jquery滑动jQuery 后果滑动 Webpack

演示 jQuery slideDown() 方法。

jQuery slideUp()

演示 jQuery slideUp() 方法。

jQuery slideToggle()

演示 jQuery slideToggle() 方法。

jQuery 滑动方法

通过 jQuery，您可以在元素上创建滑动效果。

jQuery 拥有以下滑动方法：

slideDown()

slideUp()

slideToggle()

jQuery slideDown() 方法

jQuery slideDown() 方法用于向下滑动元素。

语法:

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

可选的 speed 参数规定效果的时长。
它可以取以下值：\"大众slow\"大众、\公众fast\"大众 或毫秒。

可选的 callback 参数是滑动完成后所实行的函数名称。

下面的例子演示了 slideDown() 方法：

实例

$(\"大众#flip\公众).click(function(){ $(\公众#panel\"大众).slideDown();});

考试测验一下 »

jQuery slideUp() 方法

jQuery slideUp() 方法用于向上滑动元素。

语法:

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

可选的 speed 参数规定效果的时长。
它可以取以下值：\"大众slow\"大众、\"大众fast\公众 或毫秒。

可选的 callback 参数是滑动完成后所实行的函数名称。

下面的例子演示了 slideUp() 方法：

实例

$(\"大众#flip\"大众).click(function(){ $(\"大众#panel\公众).slideUp();});

jQuery slideToggle() 方法

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

如果元素向下滑动，则 slideToggle() 可向上滑动它们。

如果元素向上滑动，则 slideToggle() 可向下滑动它们。

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

可选的 speed 参数规定效果的时长。
它可以取以下值：\"大众slow\"大众、\"大众fast\公众 或毫秒。

可选的 callback 参数是滑动完成后所实行的函数名称。

下面的例子演示了 slideToggle() 方法：

实例

$(\"大众#flip\"大众).click(function(){ $(\"大众#panel\"大众).slideToggle();});