fadeIn()方法和fadeOut()方法值改变元素的不透明度。fadeOut()方法会在指定的一段事件内降低元素的不透明度，直到元素完全消失（“dispaly:none;”）。fadeIn()方法则相反。

在上面的例子中，如果只想改变“内容”的不透明度，而不想改变其高度和宽度，就可以使用fadeOut()方法。

jQuery代码如下：

$(function() {
 $("#panel h5.head").toggle(function() {
 $(this).next().fadeOut();
 }, function() {
 $(this).next().fadeIn();
 });
});

当第一次单击“标题”链接后，“内容”慢慢地消失了，当再次单击“标题”链接后，“内容”又慢慢地显示了。