<!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>
//滑上与滑下
//.slideToggle() 切换
$(function () {
$("h3").click(function () {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<div>
<h3>虾米大王</h3>
<p>学习编程技术需要付出很多的耐心,需要能够坚守寂寞,别人嗨皮的时候,你在敲代码,
别人休息的时候,你在敲代码,你不断精进技术,不断突破自己,最终的目的就是为了家人
能够过上衣食无忧的生活,而你最终成就了自己的事业。</p>
</div>
</body>
</html>