I did have the same problem as yours. In my case , the old content was displayed for a few seconds, then the new content appeared.
Did you take the code from Nettus tutorial. I think you may want to try the new version of the code . The link is in the comments. I haven't tried it yet so cant give you any example. I suggest you to use the BlockUI plugin , so instead of just display the Loading div , it blocks your interaction with the page until the content is fully loaded. You can find it here http://malsup.com/jquery/block/ Daniel. On Nov 18, 6:23 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > 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; > > }); > > });
