/**
 * Functions for the accordion components.
 */

function expandCollapseAccordion (element) {
	const accordionParentElement = element.parentElement.parentElement.parentElement;
	const elementCopy = element.getElementsByTagName('p')[0];
	const dropdown = document.getElementById(element.getAttribute('aria-controls'));
	const redDash = accordionParentElement.getElementsByClassName('at-accordion-red-dash')[0];

	if (dropdown.classList.contains('expanded')) {
		dropdown.style.maxHeight = 0;
		element.classList.toggle('expanded');
		element.setAttribute('aria-expanded', 'false');
		elementCopy.textContent = 'More details';
		redDash.classList.toggle('visible');
		dropdown.classList.toggle('expanded');
	} else {
		dropdown.style.maxHeight = '1000vh';
		element.classList.toggle('expanded');
		element.setAttribute('aria-expanded', 'true');
		elementCopy.textContent = 'Hide details';
		redDash.classList.toggle('visible');
		dropdown.classList.toggle('expanded');
	}
}