jQuery: primero de devolución de llamada no es fluido (efecto slideDown)

Question

Sé que esto probablemente tiene que ser una pregunta novato, pero ya no sé mucho acerca de jQuery tengo que preguntar aquí:

Tengo un elemento que tiene que alternar diferentes contenidos en hacer clic en diferentes buttons.Now voy a publicar aquí lo que yo llamo mi javascript:

onclick = "javascript: gotoSubonderdeelmenu (this);"

Esto se pone el elemento div, y con esto voy a conseguir la derecha Identificación del contenido para mostrar. Ahora mi código 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();
        });
    });
}

Siempre acaba de fluidez se desliza hacia abajo como era de esperar, , excepto la primera vez que se está llamando.

¿Alguien tiene una idea de cómo solucionar esto?

Answer 1

Es necesario .hide() el contenido de lo que se desliza / expande de la nada, de esta manera:

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