用in替换旧内容，用jQuery替换淡出/淡出

我有一个带div的基于web的应用程序，通常是一个左导航。通常具有声明的宽度，但可能不具有（即，仅填充父容器）

然后我将使用jquery，如下所示：

$('#thatdiv').load('http://example.com/ajax/url-etc');

而且效果很好。但是，我想大致按以下顺序进行：

淡出旧内容

淡入新内容

同时，将高度从旧内容的高度过渡到新内容的高度，可以向下推，也可以向上折叠

这是我的第一个JSFIDLE：

尽管我对ajax和

jquery.post

方法相当熟悉，但我还是希望能得到关于最健壮的方法的反馈。同样，通常宽度是固定的，因此过渡将位于高度

---

如果我将此技能添加到我的曲目中，任何链接或示例都将不胜感激

您应该使用

$.ajax

函数，它提供了一些选项来获得您想要的行为：

$.ajax({
  url: "http://example.com/ajax/url-etc",
  beforeSend: function() {
     $('#thatdiv').fadeOut('slow');
  }
  success: function(response) {
     $('#thatdiv').append(response);
  }
}).always(function() {
     $('#thatdiv').fadeIn('slow');      
});

希望能有帮助

---

问候。

这确实有效，帮助我更好地理解jQuery.ajax文档。有一些调整，以获得正确的，我需要添加指示，如果传入的文本需要一段时间来处理或到达。