fadeOut works in FF4, does NOT work in Chrome10, IE8
jQuery 1.5.2
Simple page with several block elements, <img class='disappear'> & <p class='disappear'> (in that order), both unpositioned.
<script type="text/javascript">
$(document).ready(function(){
if ($.browser.msie) {
$('.logo').boxShadow( 10, 10, 5, "#888");
}
$('.disappear').fadeOut(10000);
});
</script>
In FF4, correctly fades out both elements.
In Chrome10, fades out the <p> only.
In IE8, fades neither out (& doesn't add the drop shadow on the class logo img either!
Would appreciate any suggestions on how to fix.
~ Ross
full <body> shown below:
<body>
<div>
<img class='logo' src="images/jmjlogo.png" alt="JMJ" >
<h1>Under construction…</h1>
<p>To register your interest in seeking medical jobs ahead of the formal launch of this site,
please click <a href='http://justmedicaljobs.com.au'>here</a>.
</div>
<img src="images/jmj-sbe.png" alt="JMJ should be" class='disappear'>
<p class='disappear'>If the two boxes, top & bottom, appear differently in your browser in any respect, apart from font-size, please let me know, ASAP.</p>
<script type="text/javascript">
$(document).ready(function(){
if ($.browser.msie) {
$('.logo').boxShadow( 10, 10, 5, "#888");
}
$('.disappear').fadeOut(10000);
});
</script>
</body>