Question

I have some code here which works perfectly in firefox but not in chrome or IE,

my javascript is thus

`
$(document).ready(function() {
                $("#clientLoginPop").show();                                 
                $("#clientLoginPop").animate({"left": "-=400px"}, "fast");
                });
                $("#clientLoginCloseLink").click(function () {
                $("#clientLoginPop").animate({"left": "+=400px"}, "fast");
                });
                $("#contactUsPopLink").click(function () {
                $("#contactUsPop").show();
                $("#contactUsPop").animate({"left": "-=437px"}, "fast");
                });
                $("#contactUsClose").click(function () {
                $("#contactUsPop").animate({"left": "+=474px"}, "fast");
                });
});
`

and finally the css of the div looks like this, i think rather importantly it’s aligned to the right of the browser: (the client login div looks similar just a different height)

`
#contactUsPop 
{
    width:437px;
    right:-437px;
    margin-top:220px;
    position:fixed;
    height:217px;
    background-color:white;
    z-index:2;
}
`

so what happens in firefox is the div animates to the left and then when it closes it moves back to the right. when in chrome the div doesn’t seem to pop up at all?

the URL of the site is this:

http://clearcreativegroup.com/devcorner/clear3/

the tabs are on the right hand side of the browser, any advice would help tons, thank you!

Answer 1

$("#clientLoginPop").animate({"right": "+=400px"}, "fast");