JSFiddle - React, Tailwind, and code Playground

HTML

<div class="payment-innovation">
  <div class="list-block">
    <div class="list-block__head">
      Скрыть 1 список
    </div>
    <ul class="list-block__listing">
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
    </ul>
  </div>
  <div class="list-block">
    <div class="list-block__head">
      Скрыть 1 список
    </div>
    <ul class="list-block__listing">
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
    </ul>
  </div>
  
  <div class="list-block">
    <div class="list-block__head">
      Скрыть 1 список
    </div>
    <ul class="list-block__listing">
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
    </ul>
  </div>
</div>

JavaScript

$('.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()    */
$('.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)
    );
  });
})