jQuery slideDown() jQueryslideDown()|jQuery

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

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

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

< !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").slideDown("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 down panel< /div> < div id="panel"> Hello srcmini.com! It is the best tutorial website to learn jQuery and other languages.< /div> < /body> < /html>

立即测试
输出：