Здравствуйте. Есть сайт на Wordpress
Ссылка на сайт.
При экране меньше 769px вешаю обработчик на заголовки в футере. Они открываются / закрываются но без эффекта плавности. В чём может быть проблема?
jQuery(document).ready(function($) {
if (window.matchMedia('(min-width: 769px)').matches) {
addRemoveClass();
unbindClick();
} else {
bindClick();
}
$(window).resize(function(){
if (window.matchMedia('(min-width: 769px)').matches) {
addRemoveClass();
unbindClick();
} else {
bindClick();
}
});
function bindClick () {
$('.footer-item h2').bind('click', clickOnTitle);
}
function unbindClick () {
$('.footer-item h2').unbind('click', clickOnTitle);
}
function addRemoveClass () {
$('.footer-item h2 + div').show();
$('.footer-item').removeClass('active');
$('.footer-item.first').addClass('active');
}
function clickOnTitle () {
$('.footer-item h2').parents('.footer-item').removeClass("active");
$(this).parents('.footer-item').addClass("active");
$('.footer-item:not(.active) h2 + div').slideUp(2000);
$('.footer-item.active h2 + div').slideDown(1000);
}
});
Спасибо.