Slide effect jumps

Slide effect jumps

Hey everyone!

I've a small problem with my jQuery code.

I have a div box with some content. After clicking in the menu this box slides up, change the content and slides down again. Everything works fine, except the sliding. For some content the div is sliding down about 90%, and then jumps to 100%. And I cannot find the mistake at all.

I'm talking about this page:

http://www.dasweb.net

Following code is been launched:

function loadText(data, lang_loc, query) {
if (lang_loc == undefined) {
if (lang) {
lang_loc = lang;
} else {
lang_loc = "ger";
}
}
querystring = window.location.search;
querystring = querystring.substring(1) + "&" + query;
jQuery('#main').slideUp('',function() {loadText2(data,lang_loc, querystring)});
}



function loadText2(data, lang_loc, query) {
if (olddata == "") {olddata = "info";}
if (data == "") {
data = olddata;
dasweb_cookie('language', lang_loc);
}
if (lang_loc == undefined) {
if (lang) {
lang_loc = lang;
} else {
lang_loc = "ger";
}
}
lang = lang_loc;
data = data.replace(/\?/g, "&");
olddata = data;


u_file = "data/" + data + "." + lang_loc + ".php&r=" + Math.random()*99999 + "&" + query;
url = "data/load.php?file=" + u_file;
window.data = data;
new Ajax.Request(url,
{
method:'get',
onSuccess: function(transport){
var response = transport.responseText || "no response text";
if (response == "ERROR") {
errorHandler();
} else {
if (response == "") {
response = "Fehler";
}

onSuccess = successHandler(response, data);
loadScript(data);
}
},
onFailure: function(){ errorHandler() }
});
loadLang(u_file);
}



function successHandler(txt,data) {
document.getElementById("inhalt").innerHTML = txt;
setTimeout(function() { jQuery('#main').slideDown(1000)},200);
}


Thank you very much for your help.