jQuery slideUp() jQueryslideUp()|jQuery

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

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

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

< !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").slideUp("slow"); }); }); < /script> < style> #panel, #flip { padding: 5px; text-align: center; background-color: #00FFFF; border: solid 1px #c3c3c3; } #panel { padding: 50px; } < /style> < /head> < body> < div id="flip"> Click to slide up panel< /div> < div id="panel"> Hello srcmini.com! It is the best tutorial website to learn jQuery and other languages.< /div> < /body> < /html>

立即测试
【jQuery slideUp()】输出：