toggle()方法可以切换元素的可见状态。如果元素是可见的,则切换为隐藏;如果元素是隐藏的,则切换为显示。
给“内容”添加toggle()事件,代码如下:
$("#panel h5.head").hover(function () { $(this).next().toggle(); });
当单击“标题”链接后,“内容”会在可见和隐藏两种状态之间切换。
相当于以下jQuery代码:
$("#panel h5.head").toggle(function () { $(this).next().hide(); }, function () { $(this).next().show(); });