document.addEventListener('DOMContentLoaded', function () { const accordionItems = document.querySelectorAll('.accordion-item'); let openAccordion = null;accordionItems.forEach(function (item) { item.addEventListener('click', function () { if (openAccordion) { openAccordion.classList.remove('active'); }if (openAccordion !== this) { this.classList.add('active'); openAccordion = this; } else { openAccordion = null; } }); }); });function toggleAccordion(index) { const accordionItem = document.querySelector(`.accordion-item:nth-child(${index})`); if (accordionItem) { if (openAccordion) { openAccordion.classList.remove('active'); }if (openAccordion !== accordionItem) { accordionItem.classList.add('active'); openAccordion = accordionItem; } else { openAccordion = null; } } }document.querySelector('.moreButton').addEventListener('click', toggleHeight);function toggleHeight() { var content = document.getElementById('moreOpt'); content.classList.toggle('active');// Change button text based on the state var button = document.querySelector('.moreButton'); button.textContent = content.classList.contains('active') ? 'See Less' : 'See More'; }