MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

// Добавляем иконки к элементам рецепта
document.querySelectorAll('.recipe-list li').forEach(function(item) {
  if (!item.classList.contains('instruction') && item === item.parentElement.lastElementChild) return;
  
  var icon = document.createElement('img');
  icon.className = 'chem-icon';
  icon.src = 'Beaker.png';
  item.insertBefore(icon, item.firstChild);
});

// Обновляем обработчик раскрытия с учётом новых элементов
$('.collapsible-header').click(function() {
  var content = $(this).next('.collapsible-content');
  content.slideToggle(300, function() {
    $(this).find('li').each(function(index) {
      $(this).css('animation-delay', index * 0.1 + 's')
             .toggleClass('visible', $(this).is(':visible'));
    });
  }).toggleClass('active');
});