Доброго времени суток, мне необходимо скрывать контактную инфу и плавно её показывать при нажатии, но без JQ.
На JQ есть подходящее, но мне необходиимо на чистом JS, есть ли аналог slideToggle в JS?
Подходящий JQ:
$(document).ready(function(){
$('.block__contact-info').click(function(event){
$(this).next().slideToggle(500);
});
});
У меня сейчас:
const contactInfo = document.querySelector('.block__contact-info');
contactInfo.addEventListener('click', function () {
const contactText = document.querySelector('.block__contact-text');
contactText.classList.toggle('show');
})
.block__contact-text {
display: none;
}
.show {
display: block;
}