Здесь демо.
Есть функция toggle(), она должна навешивать/удалять класс только при < 800.
Сначала так и происходит, но если покликать на < 800, а потом расширить вьюпорт, то она продолжает вызываться, хотя не должна.
В чем может быть причина?
Подробнее:
Есть блок проверки разрешения (там комментарий // проверка разрешения media query)
И там записано условие:
- если < 800пх - при клике вызывать ф-ции selectTab(e.target) и toggle()
- иначе - вызывать только selectTab(e.target).
И при обновлении окна это работает.
Но если на < 800пх пооткрывать меню (будет вызываться toggle()), а затем расширить вьюпорт, то toggle() по-прежнему будет вызываться и вешать класс, хотя не должен.
АПД. Похоже, это из-за того, что я не удаляю обработчики кликов.