Написал скрипт для аккордеона на чистом JS. На текущий момент все элементы изначально закрыты. При клике на заголовок элемент аккордеона раскрывается, а предыдущий открытый закрывается. Хотелось бы улучшить его тем, чтобы при клике на заголовок текущего открытого элемента этот элемент сворачивался.
function accordeon() {
for (let i = 0; i < accordBlocks.length; i++) {
accordBlocks[i].style.display = 'none';//Первоначальное скрытие всех блоков аккордиона
}
for (let j = 0; j < accordTitles.length; j++) {
accordTitles[j].addEventListener('click', () => {
for (let i = 0; i < accordBlocks.length; i++) {
accordBlocks[i].style.display = 'none';//Закрытие элемента аккордеона
accordTitles[i].style.color = 'black';//Смена цвета заголовка элемента аккордеона
}
accordBlocks[j].style.display = 'block';//Раскрытие элемента аккордеона
accordTitles[j].style.color = '#fa05f6';//Смена цвета заголовка элемента аккордеона
});
}
};
accordeon();