本文共 1322 字，大约阅读时间需要 4 分钟。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width: 400px; margin: 0 auto; } h3{ text-align: center; padding: 10px; background-color: #EEEEEE; } h3:hover{ background-color: #dddddd; cursor: pointer; } p{ background-color: #F1F1F1; padding: 10px; line-height: 30px; font-size: 16px; text-indent: 32px; display: none; } </style> <script src="../js/jquery-3.5.1.js"></script> <script> //滑上与滑下 //.slideUp 和 .slideDown $(function () { //设置一个标记，表示收起还是打开 var close = true; $("h3").click(function () { if(close) { $("p").slideDown(); close = false; } else { $("p").slideUp(); close = true; } }); }); </script></head><body> <div> <h3>虾米大王</h3> <p>学习编程技术需要付出很多的耐心，需要能够坚守寂寞，别人嗨皮的时候，你在敲代码， 别人休息的时候，你在敲代码，你不断精进技术，不断突破自己，最终的目的就是为了家人 能够过上衣食无忧的生活，而你最终成就了自己的事业。</p> </div></body></html>
转载地址：http://kzrm.baihongyu.com/