[Gasherez]

Доброе утро!
Вот такой фрагмент разметки.

<div class="zakaz">
            <div class="container">
                <h2 class="shashka visible">
                    <a class="on-shashka" href="#" onclick="this.className = (this.className == 'on-shashka off-shashka' ? 'on-shashka' : 'on-shashka off-shashka')">Заказ такси</a>
                </h2>
                <h2 class="shashka-940 invis">
                    Заказ такси
                </h2>
                <div class="row" id="zakaz">
                ...
                </div>
            </div>
        </div>

Нажимаешь на .shashka, #zakaz сворачивается, вот js код:

$(function() {
    $(".shashka").click(function() {
        $("#zakaz").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});

Проблема в том, если свернешь этот блок в мобильной версии (< 940px начинается мобильная версия), а потом развернешь окно браузера (=> 940px), то этот блок остается свернутым и приходится обновлять страницу. Можно добавить условие, чтобы этот скрипт не сворачивался (или не работал) на ширине =>940px?????