Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
function toggleSection(element) {
const content = element.nextElementSibling;
const isExpanded = element.classList.contains('expanded');
const parentBlock = element.closest('.recipe-block');
const allContents = parentBlock.querySelectorAll('.section-content');
const allTitles = parentBlock.querySelectorAll('.section-title');
allContents.forEach(sec => {
sec.classList.remove('expanded');
sec.style.display = 'none';
});
allTitles.forEach(t => t.classList.remove('expanded'));
if (!isExpanded) {
element.classList.add('expanded');
content.classList.add('expanded');
content.style.display = 'block';
}
}
document.addEventListener('DOMContentLoaded', function () {
const allSections = document.querySelectorAll('.section-content');
allSections.forEach(section => section.style.display = 'none');
});