[jQuery] Update div works in IE but not in FF?
Hi all, i wanted to update a div, depending on a click in my menu.
I get both alert test-messages in both browserswith the right text,
but AFTER the second alert in Firefox it goes wrong.
The original content dissapears, but Instead of placing the new
content, inside my content div,
the original content shows up again??????
Usually things goes well in Firefox en IE gives the problem, but now
its Firefox which gives me a headache..
Please, can someone give me a clue, cause i have tried for hours now,
without any result.
Thanks in advance for your time
Here is the code:
$(document).ready(function() {
$('#nav1 li a').click(function(){
// test alert
alert("clicked on nav1..");
var toLoad = $(this).attr('href');
// test alert
alert("content to load: " + toLoad);
$('#content').hide('normal',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});