Question

Can anyone see any reason why IE8 might not run this jQuery?

        $("#slid").toggle(
            function() {
                $("#Silver").animate({top: "25px"}, 200);
            },
            function() {
                $("#Silver").animate({top: "89px"}, 200);
            }
        );

It runs the first function but ignores the 2nd top: "89px" and ideas? Or a better way the same toggle effect can be achieveD?

Answer 1

I’ve tested it in IE8 and this code works:

CSS

#Silver {top:89px;position:absolute;}

HTML

<div id="slid">click</div>
<div id="Silver">hi</div>

JavaScript

$("#slid").toggle(
    function() {
        $("#Silver").animate({top: "25px"}, 200);
    },
    function() {
        $("#Silver").animate({top: "89px"}, 200);
    }
);

You can have a look at the code here: http://jsfiddle.net/kr6t3/4/

Adding position:absolute to the element in the CSS works in IE8 and FF3.6.