[jQuery] Internet Explorer 7 Bugs!
Hi,
I am trying to run some code on my web page... it works fine in Mozilla but does not work at all in Internet Explorer 7.
i am trying to use the fadeOut effect and the slideDown effect.
I have a standard text link, that when clicked i want to fade away and slide down the content of the associated div.
the code i am using for fadeOut is :
$(document).ready(function() {
$('#toggleButton').click(function () {
$('#toggleButton').fadeOut("slow");
});
});
and the code i am using for slideDown is:
$(document).ready(function() {
$('#toggleSection').css("display","none");
$('#toggleButton').click(function() {
if ($('#toggleSection').is(":hidden"))
{
$('#toggleSection').slideDown("slow");
}
});
});
the html code is:
<a href="javascript:void(0);" id="toggleButton">CLICK HERE</a>
<div id="toggleSection">
<!-- content to slide down here -->
</div>
As you can see, up-on clicking the text link it should fade out and slide down the toggleSection div. However neither effect is achieved in Internet Explorer 7, although works perfect in Mozilla.
Kind regards,
Michael