Создаете пустой массив, итерируете по исходному массиву. Если в исходном массиве более одного экземпляра текущего элемента, кладёте его в пустой массив.
Может быть, например, изначально сделать верёвку длины этой шахты, z-index'ом положить её слоем ниже чем стенки шахты. Тогда получится что спускается не только этот парень в зеленой футболке, а весь объект парень+верёвка. Думаю, это нужный эффект.
Вынесите чекбокс на уровень выше, чтобы контейнер с элементами был с ним на одном уровне. Вместо кастомного атрибута condition используйте класс. Если чекбокс активен (:checked) скрывайте лишние элементы.
n7olkachev: кстати, так как font-size фейлится если нужна вложенность, самое простое решение для тотального экстерминатуса пустых текстовых нод это минифицикация кода разметки.
freekir: ну тут дело не столько в капитанстве, а скорее в том, что сайт по первой же вашей ссылке сделан вообще без каких либо крутых техник, сами посмотрите: один блок фиксированных размеров с фоновой картинкой на которой изображен шаблон домика, на этот шаблон накладываются детали (кровля, крыша, всякая фигня), выполненные в PNG.
Александр Коновалов: вот это дичь. Ладно, а зачем вы верстаете письма вручную? В этих аутлуках столько дерьма, что, вероятно, проще использовать всякие инструменты, которые конвертируют страницу для рассылки.
Денис Букреев: ну вообще когда человек пишет в статусе
5 лет занимаюсь веб-разработкой
, создаётся впечатление что такая вещь как классическая анимация - просто смена картинок - не вызовет никаких трудностей, особенно если есть мануал с примером