24 lines
706 B
JavaScript
24 lines
706 B
JavaScript
document.addEventListener('DOMContentLoaded', (event) => {
|
|
const accordionHeaders = document.querySelectorAll('.accordion-header');
|
|
|
|
accordionHeaders.forEach(header => {
|
|
// Toggle content on click
|
|
header.addEventListener('click', () => {
|
|
const content = header.nextElementSibling;
|
|
if (content.style.display === 'block') {
|
|
content.style.display = 'none';
|
|
} else {
|
|
content.style.display = 'block';
|
|
}
|
|
});
|
|
|
|
// Toggle content on Enter or Space key press
|
|
header.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
e.preventDefault();
|
|
header.click();
|
|
}
|
|
});
|
|
});
|
|
});
|