Я еще совсем зеленый в js, попробовал применить это на практике ничего не вышло, вот мой код, может быть подскажите?
document.addEventListener('DOMContentLoaded', () => {
let hide = document.querySelectorAll('.service-block__card-open, .details-block__card-open');
let cardText = document.querySelectorAll('.service-block__card-text, .details-block__card-text');
let hide__text = document.querySelectorAll('.hide__text');
let heightHide = [];
let service__card = document.querySelectorAll('.service-block__card');
for(let i = 0; i < service__card.length; i++){
service__card[i].addEventListener('click', (event) => {
document.location.href = 'contacts.php';
});
}
hide.addEventListener("click", preventEvent);
function preventEvent( event ) {
if ( event.cancelable ) {
event.preventDefault();
console.log("Событие " + event.type + " отменено");
} else {
console.warn("Событие " + event.type + " не может быть отменено");
}
}
for (let i = 0; i < hide.length; i++) {
heightHide.push(hide__text[i].offsetHeight);
hide__text[i].style.height = '0px';
hide[i].addEventListener('click', () => {
cardText[i].classList.toggle('active');
if (cardText[i].classList.contains('active')) {
hide__text[i].style.height = heightHide[i] + 'px';;
} else {
hide__text[i].style.height = '0px';
}
});
}
let openElem = document.querySelectorAll('.service-block__card-open, .details-block__card-open');
let openSpan = document.querySelectorAll('.openSpan');
for (let i = 0; i < openElem.length; i++) {
openElem[i].addEventListener('click', () => {
openElem[i].classList.toggle('active');
if (openElem[i].classList.contains('active')) {
openSpan[i].innerHTML = 'С';
} else {
openSpan[i].innerHTML = 'Раз';
}
});
}
});