I am having problem problem with fadeout effect in Internet Explorer.

I have a text link that fades out when clicked. However in IE7 it just dissapears. and when i click anywhere else in the window it appears again.

code used:

$(document).ready(function() {

$('#toggleButton').click(function () {

$('#toggleButton').fadeOut("slow");

});

});

html used:

<a href="javascript:void(0);" id="toggleButton">Click here to view more artwork!</a>

The slideDown effect also doesn't seem to work.

$(document).ready(function() {

$('#toggleSection').css("display","none");

$('#toggleButton').click(function() {

if ($('#toggleSection').is(":hidden"))

{

$('#toggleSection').slideDown("slow");

} else {

$('#toggleSection').slideUp("slow");

}

});

});

Both work great in Mozilla but not IE7