Click anchor does not work properly in IE7 .

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 :

  1.         $('#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

  1. <div id="opencloserow" class="clearfloat">
                <a id="movefoot" class="movefooter" alt="move the footer" href=""></a>
            </div><!-- end opencloserow div -->
           




CSS
  1. .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;

    }