[jQuery] Problem with IE6 FadeIn and FadeOut
Greetings.
I read several instances of an inconsistency with FadeIn and FadeOut
in searching for an answer to my problem, but never saw one that was
successfully complete. The problem is that FadeIn and FadeOut effects
seem to work fine in Firefox but not in IE6.
You can see an instance of this here:
http://www.jrcg.net/jquery/test.html
I have seen several "workarounds", none of which work. Any help is
appreciated.
Below is example code:
test.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US"
xml:lang="en_US">
<head>
<title>Testing Fade</title>
<script language="JavaScript" src="inc/jquery.js"></script>
<script type="text/javascript">
function getContent(id, url) {
$('#' + id).fadeOut(1200, function() {
$('#' + id).load(url).hide().fadeIn(1200);
});
}
</script>
</head>
<body>
<a href="#" onClick="getContent('lev1','test2.html');">Click Here
for Fade!!</a>
<div id="lev1">
Not Yet!!
</div>
</body>
</html>
test2.html
<html>
<body>
<!-- Yes I know it is bad HTML :-) -->
Success!
</body>
</html>