Javascript ajax显示容器未按预期设置动画

我正在编写一个显示ajax内容的插件。它被包装在

ajax内容包装中

。我已经应用了jquery animate（），但没有使用自动高度平滑。fade（）函数也在制作动画。但当我使用特定高度时，animate（）工作，fadeIn（）不工作

我的html代码如下 我的css

---

如果我了解您想要实现的目标，这里有一个解决方案：

$('.ajax-content-show').animate({
    height: '200'
}, 500, "linear",

function () {
    $('.ajax-content-show').hide(0, function () {
        $('.ajax-content-show').load(url, function () {
            $('.ajax-content-show').fadeIn('slow')
        });
    });
});  

如果没有，你能解释一下（分步）你需要什么，先做“div”200px，然后淡入“loadedpage”或者同时做这两件事吗

注意：设置height属性时不需要包含“px”，JQuery假定像素为默认值。

您是否需要？ 请参阅代码片段

$（“.ajax内容显示”）.load（“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“，函数（）{
$（this）.slideDown（10000）；//更改时间，如果您觉得太慢，可以将其删除。
$（此）.addClass（“已加载”）；
});
.ajax内容显示{
填充：20px 20px；
显示：无；
边框：1px实心#eee；
利润率：10px0；
高度：自动；
不透明度：0；
过渡：轻松；
最大高度：500px；/*这只是为了显示滑动工作正常*/
}
.ajax-content-show.loaded{
不透明度：1；
}

//此处显示来自外部文件的内容
实际上首先我需要
继承
或
自动
高度，但这并不顺利。第二件事正在进行中，我已经用animate.css添加了fadeIn类。现在告诉我第一个的解决方案为什么不用display:'block'替换height:'200'？如果你想先做“动态”height，你需要加载url“hidden”，然后得到div/body的高度。然后只开始你的动画代码和淡入淡出一旦你有了加载的url内容的高度，这是唯一的方法做到这一点。这里有一个链接（希望有帮助）：
$('.ajax-content-show').animate({height:'200px'}, function(){
    $(this).fadeIn('slow', function(){
      $(this).fadeIn('slow').load(url);
    })
});

.ajax-content-show{
   padding: 20px 20px;
   display: block;
   border: 1px solid #eee;
   margin: 10px 0;
}

$('.ajax-content-show').animate({
    height: '200'
}, 500, "linear",

function () {
    $('.ajax-content-show').hide(0, function () {
        $('.ajax-content-show').load(url, function () {
            $('.ajax-content-show').fadeIn('slow')
        });
    });
});