jQuery动画上下滑动slideDown() slideUp() slideToggle()用法

jQuery动画上下滑动slideDown() slideUp() slideToggle()用法

<button>www.hongjingcs.com</button>

1，jQuery slideDown() 向下方法

$("#flip").click(function(){ $("#panel").slideDown(); });

2，jQuery slideUp()  向上方法

$("#flip").click(function(){ $("#panel").slideUp(); });

3，jQuery slideToggle() 方法

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。 如果元素向下滑动，则 slideToggle() 可向上滑动它们。 如果元素向上滑动，则 slideToggle() 可向下滑动它们。

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