jQuery slideToggle() jQueryslideToggle()|jQuery

jQuery slideToggle()方法用于在slideUp()和slideDown()方法之间切换。如果元素向下滑动, 则它将向上滑动；如果元素向上滑动, 则将向下滑动。
【jQuery slideToggle()】句法：

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

speed：指定延迟的速度。其可能的值是慢, 快和毫秒。
缓动：指定用于过渡的缓动功能。
callback：这也是一个可选参数。它指定了slideToggle()效果完成后要调用的函数。
让我们以一个示例来演示jQuery slideToggle()的效果。

< !DOCTYPE html> < html> < head> < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> < /script> < script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle("slow"); }); }); < /script> < style> #panel, #flip { padding: 5px; text-align: center; background-color: #00FFFF; border: solid 1px #c3c3c3; } #panel { padding: 50px; display:none; } < /style> < /head> < body> < div id="flip"> Click to slide toggle panel< /div> < div id="panel"> Hello srcmini.com! It is the best tutorial website to learn jQuery and other languages.< /div> < /body> < /html>

立即测试
输出：