[jQuery] jQuery's ajax .load sometimes shows the previous page for a blink of a second?!
Here's the code:
$(function ready() {
// slide'n'ajax
$(".photo").click(function() {
$(".jq").hide().slideDown("slow").load("photo.htm");
$(".closerbutton").show("slow").attr("title", "close");
return false;
});
$(".about").click(function() {
$(".jq").slideDown("slow").load("about.htm");
$(".closerbutton").show("slow").attr("title", "close");
return false;
});
// close button
$(".closerbutton").click(function() {
$(".jq").hide("slow");
$(this).hide("slow");
});
});
If I open/close the photo.htm page and then click on about.htm, for a
blink of a second I'll see the first one (photo.htm), not the page I
just clicked!
This happens randomly, sometimes every few clicks and sometimes never.
I tried adding .hide() function, but without any success.
It's like it remembers the previous loaded page and mistakenly
displays it for a second and then corrects itself.
No big deal, but kind of annoying.
Is there any command or function that would prevent this from
happening?
Thanks!