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

Question

我知道这可能一定是一个新手问题，但由于我对 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();
        });
    });
}

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

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

Answer 1

您需要 .hide() 内容，以便其从什么也没有，像这样：

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