Почему моя навигационная панель скрывается после нажатия кнопки переключения?

Question

Я сделал сайт, но у него проблемы с мобильным телефоном. Панель навигации отображается при нажатии на панели сверху, но панель навигации скрывается при небольшой прокрутке на мобильном телефоне.

Я предполагаю, что в моем коде jQuery есть проблема. Я добавил функцию изменения размера, чтобы при изменении размера браузера отображалась левая панель навигации.

Это расстраивает, любая помощь будет оценена!

Проверьте все коды здесь для демо

HTML

<div class="bars">
    <span></span>
    <span></span>
    <span></span>
</div>

jQuery

$(".bars").click(function(){ $(".regBox").slideToggle(); });

$(window).resize(function(){
    if($(window).width() <= 768) { $(".regBox").hide(); }
    else{ $(".regBox").show(); }
});