Question

I am not an advanced jquery programmer. Just started my adventure with it. I faced a serious problem. The script which I created doesn’t work in IE. It works in firefox and chrome. Could you please help me with this?

    $(document).ready(function(){

    $('#quotein')
        .css('margin-left', '-890px');

    var paddingLeft = parseInt($('#quotein .quote1').css('padding-left'));
        console.log(paddingLeft);
    var paddingRight = parseInt($('#quotein .quote1').css('padding-right'));
    var slideWidth = $('#quotein .quote1').width() + paddingLeft+paddingRight;
    slideWidth = ''+slideWidth+'px';

    var isHidden = false;

    $('#quotein .quotebutton')
        .css('cursor', 'pointer')
        .click(function(){
            if(!isHidden){
                isHidden = true;
                $(this)
                    .css('background', 'url(_images/generic/quote-out.png) no-repeat left') 
                    .parent()
                    .animate({
                        'left': slideWidth
                    }, 'fast');
            }else{
                isHidden = false;
                $(this)
                    .css('background', 'url(_images/generic/quote-in.png) no-repeat left')
                    .parent()
                    .animate({
                        'left': '0px'
                    }, 'fast');
            }
        });

});

Answer 1

Comment the console.log line, sometimes IE throws an error when you don’t have developer tools opened and trying to write to the console. – slash197 Jul 9 at 10:34

This was causing a problem. Thanks @slash197.