Доброе утро!
Вот такой фрагмент разметки.
<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?????
