jquery - 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();
    });
});