Code-NaN
@Code-NaN
Frontend Dev

Как скрыть по одному li из списка снизу вверх?

Сейчас список появляется по одному снизу вверх, как скрыть их так же по одному снизу вверх?

$('.payment-innovation .list-block').each(function() {
          let items = $(this).find('ul li');
          items.css('opacity', 0);

          for (var i = 0; i < items.length; i++) {
            $(items[i]).delay(i * 400).animate({
              opacity: 1
            }, 400);
          }
        });	

let head__click = $('.payment-innovation .list-block .list-block__head') 
  head__click.click(function() {
    $(this).parent().find('.list-block__listing .item').fadeToggle()
  })
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Точно так же, как и показываете, но в обратном порядке:

$('.payment-innovation .list-block').each(function() {
  const $items = $('ul li', this);
  const duration = 400;

  $items.each((i, n) => $(n)
    .delay(($items.length - i - 1) * duration)
    .animate({ opacity: 0 }, duration)
  );
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽