Логика jQuery: отслеживание элементов и их исчезновение? - PullRequest
Новая
       34

Логика jQuery: отслеживание элементов и их исчезновение?

0 голосов
/ 23 октября 2011

Позвоните экспертам jQuery:)

http://s3.postimage.org/nb2mm7u2/download.png

Вот что мне нужно.Мне нужно, чтобы каждый блок постепенно исчезал один за другим.Порядок появления должен быть следующим:

  • Первый синий элемент
  • Второй синий элемент
    • Верхний элемент 1 и нижний элемент 1 Зеленый (вместе)
    • Зеленый элемент Top-2 & Bottom-2 Green (вместе)
    • Зеленый элемент Top-3 & Bottom-3 Green (вместе)
  • Третий синий элемент
  • Четвертый синий элемент
    • Зеленый элемент Top-1 и Bottom-1 (вместе)
    • Зеленый элемент Top-2 & Bottom-2 (вместе)
  • Пятый синий элемент

PS: Изначально все будет скрыто, а затем, по-видимому, все будет выглядеть в окончательном виде.

Решите здесь: HTML / CSSКод на JSBIN: http://jsbin.com/ogehoj/edit#javascript,html,live

1 Ответ

0 голосов
/ 23 октября 2011

Было бы приятно увидеть некоторые доказательства, которые вы пробовали, прежде чем публиковать здесь. Посмотрите на http://jsbin.com/etised/4/edit.

В двух словах;

  • определить последовательность рендеринга, добавив data-render-seq="x" к соответствующим элементам
  • При загрузке сгруппировать элементы по .data('render-seq')
  • повторять по порядку, вызывая .fadeToggle() и увеличивая задержку (если требуется)

Я предполагал, что вы можете изменить html, и что вы не против использовать другую js lib ( underscore.js )

...