Анимация содержащего <div>с использованием jQuery .animate не работает в IE - PullRequest
Новая
       13

Анимация содержащего <div>с использованием jQuery .animate не работает в IE

0 голосов
/ 24 февраля 2011


Я пытаюсь анимировать div (htmLayer1), который содержит два других div (htmLayer1tab и htmLayer1pic), используя jQuery .animate.
Следующий код отлично работает в Firefox, Safari, Chrome и Opera: 

$("#htmLayer1tab").toggle(
            function() {
                $("#htmLayer1").animate({top: "-435px"}, 300, "swing");
            },
            function() {
                $("#htmLayer1").animate({top: "0px"}, 300, "swing");
                $("#htmLayer1tab").css("z-index", 7);
            }
);

, но в IE единственное, что движется - это tab-div.Изображение div не следует.
Изображение добавляется в htmLayer1pic через CSS как background-image, а вкладка достигается с помощью img-тега внутри htmLayer1tab.

Почему IE не оживляет оба div внутри htmLayer1, а только один из них?И что я могу сделать, чтобы это исправить?

С уважением,
bingocaller

РЕДАКТИРОВАТЬ:
Я создал более подробную скрипку здесь: jsFiddle Пример

...