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

Posted 2021-03-03 96net

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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(); });

以上是关于jQuery动画上下滑动slideDown() slideUp() slideToggle()用法的主要内容，如果未能解决你的问题，请参考以下文章