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.

<script>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.recipe-card').forEach(function (card) {
    var borderColor = card.getAttribute('data-border');
    if (borderColor) {
      card.style.borderColor = borderColor;
      card.querySelectorAll('.collapsible-content').forEach(function (block) {
        block.style.borderLeftColor = borderColor;
      });
    }
  });

  document.querySelectorAll('.recipe-list li').forEach(function (item) {
    if (item.classList.contains('instruction')) return;
    if (item.querySelector('.chem-icon')) return;

    var icon = document.createElement('img');
    icon.className = 'chem-icon';
    icon.src = 'Beaker.png';
    item.insertBefore(icon, item.firstChild);
  });

  document.querySelectorAll('.collapsible-header').forEach(function (header) {
    header.addEventListener('click', function () {
      var content = this.nextElementSibling;
      content.classList.toggle('active');
    });
  });
});
</script>