<script>
$(function(){
$("#panel .head").toggle(function(){
$(this).next().toggle();
},function(){
$(this).next().toggle();
})
})
</script>
</head>
<body>
<div id="panel">
<h5 class="head">什么是jquery?</h5>
<p>傲娇的司法局案件发内江大佛安尼奥尔解放到接娃发大佛和接物镜安家费安培的军阀那份啊佛打瞌睡破案磕碰</p>
</div>
</body>
执行你这段代码，发现一运行两个元素都执行了 toggle 给隐藏了。应该保留一个触发元素，触发另一个元素的隐藏和显示的。
改成这个试试：
$(function() {
$("#panel h5.head").click(function() {
$(this).next().toggle("slow");
});
});
这篇文章有详细的解释，可以参考看看：https://blog.csdn.net/cccBtrya/article/details/81042570
你都没加点击事件啊
<body>
<div id="panel">
<h5 class="head">什么是jquery?</h5>
<p>傲娇的司法局案件发内江大佛安尼奥尔解放到接娃发大佛和接物镜安家费安培的军阀那份啊佛打瞌睡破案磕碰</p>
</div>
<button id="toggle">toggle</button>
</body>
$("#toggle").click(function(){
$("#panel").toggle();
});