js collapse

js collapse

    	document.querySelectorAll('.js-collapse').forEach(function(accordion) {
		accordion.addEventListener('click', function(event) {
			//event.preventDefault();
			let subAccordion = accordion.querySelector('.js-collapse-target');
			let clickTarget = event.target;
			if( clickTarget.closest('.js-collapse-toggle') ) {
				accordion.classList.toggle('open');
				setTimeout(function() {
					if (subAccordion.style.maxHeight) {
						subAccordion.style.maxHeight = null;
					} else {
						subAccordion.style.maxHeight = subAccordion.scrollHeight + "px";
					}
				});

			}
		})
	});









//ready()
//!hasClass(el, class)
//addClass(el, class);
//removeClass(el, class);

var collapseInit = function(){
    var collapse = '.b-collapse';
    var collapseHideClass = 'b-collapse--hide';
    var collapseTrigger = '.b-collapse__trigger';
    ready(collapseTrigger, function(element) {
        this.addEventListener('click', function () {
            var collapseParent = this.parentNode;
            if(!hasClass(collapseParent, collapseHideClass)) {
                addClass(collapseParent, collapseHideClass);
            } else {
                removeClass(collapseParent, collapseHideClass);
            }
        });
    });
};
collapseInit();





// spoiler
(function() {
    document.querySelector('.spoiler').addEventListener('click', spoilerClickHandler);
    function spoilerClickHandler(evt) {
      const spoilerSwitchElem = evt.target.closest('.spoiler__head')
      if (spoilerSwitchElem) { // если клик по dt
        spoilerSwitchElem.closest('.spoiler__item')
          .classList.toggle('active') // обертке переключаем active
      }
    }
})();