A vida faz história! Transformamos as suas memórias num livro.

document.addEventListener('DOMContentLoaded', function() { function addDataIndex(accordionId) { var accordion = document.getElementById(accordionId); var details = accordion.getElementsByTagName('details'); for (var i = 0; i < details.length; i++) { details[i].setAttribute('data-index', i + 1); var summary = details[i].querySelector('summary'); if (summary) { summary.setAttribute('data-accordion-index', i + 1); } } } function synchronizeAccordions(baseAccordionId, contentAccordionId) { var baseAccordion = document.getElementById(baseAccordionId); var contentAccordion = document.getElementById(contentAccordionId); baseAccordion.addEventListener('click', function(e) { var target = e.target; while (target && target.tagName.toLowerCase() !== 'summary') { target = target.parentElement; } if (target && target.tagName.toLowerCase() === 'summary') { var details = target.parentElement; var ariaExpanded = target.getAttribute('aria-expanded'); if (ariaExpanded === 'true') { e.preventDefault(); e.stopImmediatePropagation(); } else { details.open = true; target.setAttribute('aria-expanded', 'true'); var index = details.getAttribute('data-index'); fadeOutCurrentAndFadeInNew(contentAccordion, index); } } }); var summaries = baseAccordion.querySelectorAll('summary'); summaries.forEach(function(summary) { summary.addEventListener('click', function(e) { var ariaExpanded = summary.getAttribute('aria-expanded'); if (ariaExpanded === 'true') { e.preventDefault(); e.stopImmediatePropagation(); } }); }); } function fadeOutCurrentAndFadeInNew(accordion, index) { var currentDetail = accordion.querySelector('details[open]'); if (currentDetail) { var currentChild = currentDetail.querySelector('.e-child'); if (currentChild) { currentChild.classList.add('acc-fade-out'); currentChild.addEventListener('animationend', function() { currentChild.classList.remove('acc-fade-out'); currentDetail.removeAttribute('open'); openAndFadeInNewDetail(accordion, index); }, { once: true }); } else { openAndFadeInNewDetail(accordion, index); } } else { openAndFadeInNewDetail(accordion, index); } } function openAndFadeInNewDetail(accordion, index) { var newDetail = accordion.querySelector(`details[data-index="${index}"]`); if (newDetail) { newDetail.open = true; var newChild = newDetail.querySelector('.e-child'); if (newChild) { newChild.classList.add('acc-fade-in'); newChild.addEventListener('animationend', function() { newChild.classList.remove('acc-fade-in'); }, { once: true }); } } } addDataIndex('mem-acc-base'); addDataIndex('mem-acc-content'); synchronizeAccordions('mem-acc-base', 'mem-acc-content'); });