jq之slideToggle
生活随笔
收集整理的這篇文章主要介紹了
jq之slideToggle
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>jq之demo</title><!--線上jq庫--><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script>$(document).ready(function(){$("#flip").click(function(){/*滑下/收起切換*/$("#panel").slideToggle("slow");});});</script><style type="text/css">#flip,#panel{padding: 5px;text-align: center;background-color: aqua;border:solid 1px #c3c3c3;}#panel{padding: 50px;}</style>
</head>
<body>
<div id="flip">收起/滑下切換</div>
<div id="panel">Hi</div>
</html>
總結
以上是生活随笔為你收集整理的jq之slideToggle的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jq之方法链接
- 下一篇： BugkuCTF-PWN题pwn5-ov