为什么连我的h5标签都隐藏了

问题:

</body>
<div id="pane1">
<h5 class="head">什么是JQuery</h5>
<div class="content">
Jquery是继Prototype之后有一个优秀的Javascript库，极大的简化了开发人员遍历HTML文档，操作DOM，处理事件，执行动画和开发Ajax。
</div>
</div>
<script type="text/javascript">
$(function(){
$("#pane1 h5.head").toggle(function(){
$(this).addClass("highlight");
$(this).next().show();
},function(){
$(this).removeClass("highlight");
$(this).next().hide();
});
});
</script>
</body>

回答1:

大兄弟你的toggle 方法用的有问题的，toggle方法，如果本身的dom(h5)是显示的，就会在执行toggle后影藏，否则相反。
你的h5本身就是显示的，在执行过toggle 之后就会隐藏掉的。

回答2:

因为你的$("#pane1 h5.head").toggle(function(){}该方法中$(this).next().hide();就是将h5隐藏啊