JQuery not Working in chrome?

Posted by Pete Herbert Penito on Stack Overflow See other posts from Stack Overflow or by Pete Herbert Penito
Published on 2010-04-03T03:29:59Z Indexed on 2010/04/03 3:33 UTC
Read the original article Hit count: 476

Filed under:
|
|
|
|

Hi everyone!

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!

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery