Таня - тут

- блог Татьяны Тунь

Toggle my slide

Вероятно, сие знание старо как мир, но всё же я для себя его тут оставлю.

При изпользовании скользящего эффекта появления чего-нибудь (стандартный пример — разъезжающаяся менюшка), что частенько делается с помощью функции slideToggle(), предоставляемой фреймворком jQuery, при наличии внутри элеменета, к которому применяется анимация, каких-либо других блоково-табличных элементов, последние по заврешении анимации исчезают в IE < 8.

  1. <div class="slideMe">
  2.     Этот текст будет виден.
  3.     <div class="container">
  4.         А этот - пропадёт!
  5.     </div>
  6. </div>

В седьмой версии Internet explorer сие безобразие лечится добавлением стиля overflow:hidden к элементу, к которому применяется анимация.

Если же приходится поддерживать ИЕ6, то предыдущий вариант проблему не решит. В этом случае необходимо, чтобы у элемента, к которому применяется SlideToggle() не было позиционирования. То есть, мы либо не прописываем ему свойство position, либо переписываем его значение на position:static.

Кушать подано!

Добавить комментарий

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">