Click anchor does not work properly in IE7 .
The following code was tested in Firefox and works also in IE 8. But when clicking the anchor (id=movefoot), it does not work in IE 7. Any idea....?
jQ code :
- $('#movefoot').click (function (event) {
// move footer
event.preventDefault();
switch (footeropen) {
case (true) : $('#footer').animate({
height: '30',
}, 500, function() {
// function when animation complete.
footeropen = false;
}); // end Animate
break;
case (false) : $('#footer').animate({
height: '180',
}, 400, function() {
// function when animation complete.
footeropen = true;
}); // end Animate
break;
} // end switch
$('#movefoot' ).toggleClass ('movedownfooter')
}) // end click
HTML
- <div id="opencloserow" class="clearfloat">
<a id="movefoot" class="movefooter" alt="move the footer" href=""></a>
</div><!-- end opencloserow div -->
CSS
- .tm2010 #footer #opencloserow {
display:block;
height:15px;
padding:2px 2px 15px 2px ;
}
.tm2010 #footer #opencloserow .movefooter {
background-image:url(../img/openup.png);
background-repeat:no-repeat;
display:block;
width:55px;
height:25px;
margin-left:5px;
text-align:left;
width: 50px;
}
.tm2010 #footer #opencloserow .movedownfooter {
background-image:url(../img/openup2.png);
background-repeat:no-repeat;
}