滑动显示和隐藏方式
slideDown([speed], [easing],[fn])slideup( [ speed, [easing],[fn]])slideToggle([speed], [easing],[fn])<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-3.4.1.min.js"></script><script>//滑出显示divfunction slideDownFn() {$("#showDiv").slideDown("slow","linear")}//滑动收起divfunction slideUpFn() {$("#showDiv").slideUp("fast","swing")}//切换隐藏和显示function slideToggleFn() {$("#showDiv").slideToggle("slow")}</script></head><body><input type="button" value="滑入显示div" onclick="slideDownFn()"><input type="button" value="滑动收起div" onclick="slideUpFn()"><input type="button" value="切换div的显示和隐藏" onclick="slideToggleFn()"><div id="showDiv" style="height: 200px; width:200px; background-color: pink">div显示和隐藏</div></body></html>
