Как запустить/отменить скрипт при разных разрешениях?

Имеется банальная адаптивная таблица на чистом CSS, которая при разрешении < 640px мутирует в блоки, плюс, JS-скрипт (и немного CSS), который превращает эту таблицу в "аккордеон" - то есть, все ячейки, кроме первой сворачиваются и раскрываются по клику
var $restable = $('.restable');

		$restable.find("tbody tr td:first-child").addClass("expand_block");
		$restable.find("td").hide();
    $restable.find("td.expand_block").show();
    $restable.find(".expand_block").click(function(){
				$(this).toggleClass("expand_active");
				$(this).siblings().fadeToggle(150);
			}).eq(0).trigger('click');

Пример на кодепен https://codepen.io/akira13w/pen/RwyZEVo

Но дело в том, что при ресайзе скрипт глючит.
То есть, созданные в мобильном варианте style="display: block;" у каждого элемента остаются и на большом экране, а потому приходится страницу обновлять. Можно это как-то исправить?
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Ntvysq Автор вопроса
Проблему решил. Просто добавил в условия удаление стилей. То есть...
if ($(window).width() < 640) { 
       /*тут код из вопроса */
      } 
    else  {
        $restable.find("td").css("display", "");
	}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы