jQuery：第一个回调不流畅（滑动效果）答案

【问题标题】：jQuery: first callback isn't fluent (slidedown effect)jQuery：第一个回调不流畅（滑动效果）
【发布时间】：2010-12-20 20:28:49
【问题描述】：

我知道这可能是一个新手问题，但是由于我对 jquery 了解不多，所以我不得不在这里问：

我有一个元素必须在点击不同按钮时切换不同的内容。现在我将在这里发布我如何调用我的 javascript：

onclick="javascript:gotoSubonderdeelmenu(this);"

这将获取 div 元素，并且通过它我将获得正确的 id 以显示内容。现在我的 jQuery 代码：

function gotoSubonderdeelmenu(obj) {
    displaySubMenu(obj.id);
}



function displaySubMenu(niveauId) {
    $.get("submenu.htm", { niveau : niveauId }, function(data) {
        $('#submenu').html(data);
        $('#submenu').slideDown('slow',function(){
            $('#overzicht').fadeTo(500,0.25,function(){});
            $('#terugknop').show();
        });
    });
}

它总是像你期望的那样流畅地向下滑动，除了第一次被调用。

有人知道如何解决这个问题吗？

【问题讨论】：

它在做什么，刚刚出现？
@Nick Craver：它刚刚出现并立即将所有内容立即向下推以获得足够的空间。

标签： jquery ajax get slidedown

【解决方案1】：

您需要.hide() 内容，以便它从无到有滑动/展开，如下所示：

$.get("submenu.htm", { niveau : niveauId }, function(data) {
    $('#submenu').html(data).hide().slideDown('slow',function(){
        $('#overzicht').fadeTo(500,0.25,function(){});
        $('#terugknop').show();
    });
});

【讨论】：