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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
.alchemy-block {
function toggleSection(element) {
border: 2px solid;
  var content = element.nextElementSibling;
border-radius: 12px;
  var isExpanded = content.classList.contains('expanded');
margin: 1em 0;
 
overflow: hidden;
  var parentBlock = element.closest('.recipe-block');
background: #1c1c1c;
  var allSections = parentBlock.querySelectorAll('.section-content');
color: #ddd;
 
  for (var i = 0; i < allSections.length; i++) {
    allSections[i].classList.remove('expanded');
  }
 
  element.classList.toggle('expanded');
 
  if (!isExpanded) {
    content.classList.add('expanded');
  }
}
}


.alchemy-header {
document.addEventListener('DOMContentLoaded', function() {
padding: 0.5em 1em;
  var sections = document.querySelectorAll('.section-content');
font-size: 1.2em;
  for (var i = 0; i < sections.length; i++) {
font-weight: bold;
    sections[i].style.display = 'none';
}
  }
 
});
.alchemy-body {
padding: 1em;
}
 
.alchemy-product {
font-weight: bold;
margin-bottom: 0.5em;
color: #fff;
}
 
.alchemy-description {
font-style: italic;
margin-top: 1em;
color: #aaa;
}
 
.alchemy-collapse {
margin-top: 1em;
}
 
.alchemy-toggle {
cursor: pointer;
background: #2c2c2c;
padding: 0.4em 0.8em;
border-radius: 8px;
user-select: none;
position: relative;
}
 
.alchemy-toggle::after {
content: '▼';
float: right;
transition: transform 0.2s;
}
 
.alchemy-toggle.open::after {
transform: rotate(-90deg);
}
 
.alchemy-content {
display: none;
padding: 0.5em 1em;
background: #2b2b2b;
border-radius: 6px;
margin-top: 0.4em;
}
 
.alchemy-toggle.open + .alchemy-content {
display: block;
}

Версия от 02:52, 17 июня 2025

function toggleSection(element) {
  var content = element.nextElementSibling;
  var isExpanded = content.classList.contains('expanded');
  
  var parentBlock = element.closest('.recipe-block');
  var allSections = parentBlock.querySelectorAll('.section-content');
  
  for (var i = 0; i < allSections.length; i++) {
    allSections[i].classList.remove('expanded');
  }
  
  element.classList.toggle('expanded');
  
  if (!isExpanded) {
    content.classList.add('expanded');
  }
}

document.addEventListener('DOMContentLoaded', function() {
  var sections = document.querySelectorAll('.section-content');
  for (var i = 0; i < sections.length; i++) {
    sections[i].style.display = 'none';
  }
});