Как отключить Slick slider?

Андрей, Привет. Использовал твое решение, но консоль говорит об ошибке типизации

slick.min.js:1 Uncaught TypeError: Cannot read property 'unslick' of undefined

$(window).on("load resize", function(){
    var width = $(document).width();
     
    if (width > 500) { 
      $('.profit-row, .plan-row,  .teachers-slider').slick('unslick');
    } else { 
      $('.profit-row, .plan-row, .teachers-slider').not('.slick-initialized').slick({  
        slidesToShow: 1, 
        slidesToScroll: 1, 
        infinite: true,
      });
    }
  });

Все файлы для работы со slick подключены:

- <link rel="stylesheet" href="slick/slick.css"/>
- <script src="slick/slick.min.js"></script>

Была ли такая же проблема и какое находили решение?

Как исправить ошибку с перекодировкой таблиц через sql запрос в базе MySQL?

спасибо

Почему не устанавливается купленный из Marketplace шаблон сайта?

Никита Ермиличев, этот marketplace.1c-bitrix.ru/solutions/redsign.lovekid...

Как еще можно оптимизировать js код?

Егор Скороходов, со switch действительно меньше кода получилось:

switch(date.getDay()) {
		case 1: period = `{date.toLocaleDateString()} - {date.setHours(168).toLocaleDateString()}`; break;
		case 2: period[i] = `{date.setHours(-24).toLocaleDateString()} - {date.setHours(144).toLocaleDateString()}`; break;
		case 3: period[i] = `{date.setHours(-48).toLocaleDateString()} - {date.setHours(120).toLocaleDateString()}`; break;
		case 4: period[i] = `{date.setHours(-48).toLocaleDateString()} - {date.setHours(120).toLocaleDateString()}`; break;
		case 5: period[i] = `{date.setHours(-72).toLocaleDateString()} - {date.setHours(96).toLocaleDateString()}`; break;
		case 6: period[i] = `{date.setHours(-96).toLocaleDateString()} - {date.setHours(72).toLocaleDateString()}`; break;
		case 0: period[i] = `{date.setHours(-120).toLocaleDateString()} - {date.setHours(48).toLocaleDateString()}`; break;
	}

Спасибо за совет)

Как еще можно оптимизировать js код?

Спасибо за конструктивную критику)

Может ли сгореть процессор и хаб на материнской плате?

Нет, стационарный компьютер.

Может ли сгореть процессор и хаб на материнской плате?

Да. Для пользователей вероятность получения материальной выгоды минимальная, поэтому отвечающим на вопросы нет смысла целенаправленно лгать.

Как в JS обратиться ко всем элементам на странице с одинаковым классом?

Получилось, спасибо)

Почему появляется в консоли ошибка Uncaught TypeError: Cannot set property 'innerHTML' of null?

Ivan Bogachev, да есть. Уже нашел ошибку, в классе "hours" опечатался) Спасибо за наведение на мысль.

Какой метод массива в JavaScript использовать, чтобы стилизовать его элементы?

У тебя меньше кода получилось. Возьму данный способ на заметку. Спасибо.

Почему при клике на кнопку-гамбургер в консоли увеличивается количество ошибок?

Dima Polos,

$(document).ready(function($) {
				var menuBtn = $('.top-nav_btn');
				var menu = $('.top-nav_menu');
				var sidebarBtn = $('.left-sidebar_btn');
				var sidebarmenu = $('.left-sidebar_menu');
				
				menuBtn.on('click', function(event){
					event.preventDefault();
					menu.slideToggle(300)('top-nav_menu__active');
				});
				// resize screen
				$(window).resize(function($) {  
					var menuActive = jQuery('top-nav_menu__active'); 
				if ($(window).width() > 991 ) { 
					menuActive.removeAttr('style'); 
				} 
			});		
				// sidebar
				sidebarBtn.on('click', function(event){
					event.preventDefault();
					sidebarmenu.slideToggle(300)('left-sidebar_menu__active');
				});	
				// slider
					$('.directions-slider').slick({
				arrows: false,
				dots: true,
				slidesToShow: 4,
				slidesToScroll: 1,
					responsive: [
				    {
				      breakpoint: 768,
				      settings: {
				        slidesToShow: 1,
				        slidesToScroll: 1,
				      }
				    },
				    {
				      breakpoint: 1200,
				      settings: {
				        slidesToShow: 3,
				        slidesToScroll: 1,
				      }
				    }
				  ]
				}); 
				// calc-range
				var elem = document.querySelector('.calc-range');
				var init = new Powerange(elem, { min: 100000, max: 3000000, start: 128, hideRange: true, step: 100000 });
				
				var per, month, result, total, monthly;
				var money = +$('.calc-range').val();

			  $('input[name="programms"]').on('change', function(event) {
			  	month = +$(this).attr('data-month');
			  	per = +$(this).attr('data-per'); 
			  	result = Math.round(per / 12 * month * money);
			  	total = result + money;
			  	monthly = parseInt(result / month);
			  	$('#total').text(total.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
			  	$('.calc-monthly span').text(monthly.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
			  	$('#month').text(month);
			  });

			 $('.calc-range').on('change', function(event){
				$('.calc-summ_invest_num span').text($(this).val().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ')); 
				var radio = $('input[name="programms"]:checked');
				money = +$(this).val()
			  	month = +radio.attr('data-month');
			  	per = +radio.attr('data-per'); 
			  	result = Math.round(per / 12 * month * money);
			  	total = result + money;
			  	monthly = parseInt(result / month);
			  	$('#total').text(total.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
			  	$('.calc-monthly span').text(monthly.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 '));
			console.log(per);
			console.log(month);
			}); 
		}); 
		// modal window
				$('.modal-btn').on('click', function(event){
				event.preventDefault();
				$('.modal').fadeIn();
			});
			$('.close').on('click', function(event){
				event.preventDefault();
				$('.modal').fadeOut(); 
			});
			
		// mask input
     jQuery(function($){
		   $(".mask").mask("[phone]");
		});

файл js со всеми скриптами