Как сбросить нажатую кнопку?

Есть меню

<ul class="mob_1">
            <li><a href="#">Главная</a></li>
            <li><a href="#" >Категории</a></li>
            <li><a href="#">Блог</a></li>
            <li><a href="#">Популярное</a></li>
            <li><a href="#">О нас</a></li>
            <li><a href="#">Контакты</a></li>
         </ul>

есть скрипт

$(function() {
         var burger = $('.burger');
         var mob_1 = $('.mob_1');
         var body = $('.body');
         burger.click(function() {
            mob_1.toggleClass('mob_1_act');
            burger.toggleClass('burger_act');
            body.toggleClass('act_body');
         });
      });

При нажатии на бургер, дает класс меню
которое выезжает, еще раз кликнув по бургеру меню уезжает обратно
по фикс. позиционированию в css с классом act_
вроде все ок, но есть такая трабла

когда браузером сжать экран до моб. версии
нажать на бургер, потом обратно расширить экран до десктопа
то как бы меню обратно не прячется само
можно как то исправить такое?