MediaWiki:Test.js: различия между версиями

Версия от 18:05, 3 мая 2025

$(document).ready(function () {
  // Устанавливаем границу и цвет текущего блока
  $('.recipe-card').each(function () {
    var $card = $(this);
    var borderColor = $card.data('border');
    var substanceColor = borderColor || '#81d4fa';

    // рамка карточки
    $card.css('border-color', borderColor);

    // название вещества (цвет текста и underline)
    var $sub = $card.find('.card-substance');
    $sub.text($card.data('substance'));
    $sub.css('color', substanceColor);

    // цвет линии под заголовками
    $card.find('.collapsible-header').css('color', substanceColor);
  });

  // Клик по заголовку — раскрытие контента
  $('.collapsible-header').click(function () {
    var $hdr = $(this);
    var $content = $hdr.next('.collapsible-content');

    $content.toggleClass('show');
    if ($content.hasClass('show')) {
      $content.css('max-height', $content.get(0).scrollHeight + 'px');
      // анимация элементов
      $content.find('li').each(function (i) {
        $(this)
          .css('animation-delay', (i * 0.1) + 's')
          .addClass('visible');
      });
    } else {
      $content.css('max-height', '0');
    }
    $hdr.toggleClass('open');
  });
});