jQuery: prima richiamata non è fluente (effetto slideDown)

Question

So che probabilmente questo deve essere una domanda newbie, ma dato che non so molto di jQuery devo chiedere qui:

Ho un elemento che deve attivare contenuti diversi su cliccando su diversi buttons.Now Vi posto qui solo come io chiamo il mio javascript:

onclick = "javascript: gotoSubonderdeelmenu (this);"

Questo diventa l'elemento div, e con questo avrò l'id giusto per il contenuto di spettacolo. Ora il mio codice 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();
        });
    });
}

Scivola sempre e solo fluente giù come ci si aspetterebbe, tranne la prima volta che viene chiamato.

Chiunque ha un indizio su come risolvere questo problema?

Answer 1

È necessario .hide() il contenuto in modo che le diapositive / espande dal nulla, in questo modo:

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