Dynamic Image Accordion JS

dynamic-image-accordion.js

var ready = (callback) => {
	if (document.readyState != "loading") callback();
	else document.addEventListener("DOMContentLoaded", callback);
}

ready(() => {
	if(window.angular) return;
	
	document.querySelectorAll('.image-accordion__item:first-child').forEach( first => {
		first.classList.add('image-accordion__item--active');
	})
})

document.querySelectorAll('.image-accordion__item').forEach( item => {
	if( window.angular ) return;
	
	item.addEventListener('click', (event) => {
		event.target.parentElement.querySelector('.image-accordion__item--active').classList.remove('image-accordion__item--active');
		event.target.classList.add('image-accordion__item--active');
	})
})