</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>
大兄弟你的toggle 方法用的有问题的,toggle方法,如果本身的dom(h5)是显示的,就会在执行toggle后影藏,否则相反。
你的h5本身就是显示的,在执行过toggle 之后就会隐藏掉的。
因为你的$("#pane1 h5.head").toggle(function(){}该方法中$(this).next().hide();就是将h5隐藏啊