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