<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="panel">
<h5 class="head">什么是jquery?</h5>
<div class="content" style="display:none">
是一个JS库没什么好看的...
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$('#panel h5.head').bind('click',function(){
if($(this).next().is(':visible')){
$(this).next().hide();
}else{
$(this).next().show()
}
})
</script>
</body>
</html>
参考《锋利的jQuery》 P102~P103