Всем привет
Возникла проблемка пока для меня не решаемая.
При ресайзе окна с десктопа до устройств, аккордеон меню при клике открывается и закрывается.
Если просто переключать между размера используя плагин типа window resizer, то все работает на ура, но если лишний раз потянуть за край браузера, то вот такая недоработка в итоге.
Я дума надо как-то проверить или уже висит метод on на h3. Подскажите?
function menu() {
if ($(window).width() < 768) {
$('.accord').children('h3').on('click', function () {
$('.accord').children('h3').not($(this)).next().slideUp();
$('.accord').children('h3').not($(this)).children('i')
.removeClass('fa-minus')
.addClass('fa-plus');
$(this).children('i').toggleClass('fa fa-plus')
$(this).children('i').toggleClass('fa fa-minus')
if ($(this).next().is(':hidden')) {
$(this).next().slideDown();
} else {
$(this).next().slideUp();
}
});
}
else {
$('.accord').children('h3').off('click');
}
}
menu();
$(window).resize(function () {
menu();
});