JQuery не работает в IE

Question

У меня есть простая анимация, сделанная в jQuery, но по какой-то причине не работает в IE8 и предыдущих версиях. вот мой код:

$(document).ready(function(){
                $('.circle.pink').animate({display: 'block'}, 800, function(){
                    $(this).animate({right: 446}, 1200, 'easeOutExpo')
                });

                $('.circle.green').animate({display: 'block'}, 2000, function(){
                    $(this).animate({right: 20}, 800)
                });

                $('.circle.blue').animate({display: 'block'}, 2800).animate({right: -100}, 800, function(){
                    $(this).css('z-index', '4')
                }).animate({right: 0}, 1000, 'easeOutExpo');
            });

вот HTML:

<div class="circles-wrap">
         <div class="circle green"></div>
         <div class="circle pink">
            <article class="intro">
                <span class="logo left"></span>
                <p>Lorem ipsum....</p>                                   
            </article>
         </div>
         <div class="circle blue"></div>
</div>

и css:

.circle{
    width:514px;
    height:514px;
    display: block;
}

.circle.pink{ background:url('../images/c-pink.png'); position:absolute; right:0; z-index: 3;}
.circle.blue{ background:url('../images/c-blue.png'); position:absolute; right:0; z-index: 2;}
.circle.green{ background:url('../images/c-green.png'); position:absolute; right:0; z-index: 1;}

Есть идеи, почему это не работает? Кажется, запятые находятся в правильном месте.

Заранее спасибо,

Mauro

Answer 1

display не является свойством css, которое вы можете использовать внутри animate (), animate ожидает свойства с числовыми значениями.Возможно, это приводит к ошибке, которую IE заставляет выйти.