ajax - jQuery: first callback isn't fluent (slidedown effect) -

i know must newbie question, since don't know jquery have ask here:

i have element has toggle different content on clicking on different buttons.now i'll post here how call javascript:

onclick="javascript:gotosubonderdeelmenu(this);"

this gets div element, , i'll right id content show. jquery code:

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

it fluently slides down expect, except first time it's being called.

anyone got clue on how solve this?

you need .hide() content slides/expands nothing, this:

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