Как реализовать на js закрытие спойлера если ширина экрана меньше 300 px?
 

Вот спойлер , он открытый, мне нужно чтобы он закрывался (сворачивался), если ширина экрана меньше 300 px; (версия для моб )

Скрипт: https://olymp-spb.ru/
Js: https://olymp-spb.ru/js/index.js

Вроде бы начинаться должен так

$(function() {
if ( $(window).width() < 300 ) {
$(".accordion-title").removeClass("is-collapsed is-expanded")
$(".accordion-content").removeClass("is-expanded animateIn").addClass("is-collapsed")
}
})


Вставил в конце js , но не работает...
есть решение проблемы?

замените этот кусок на

$(function() {
		function closeSp(){
			if($(window).width() < 300){
			$(".accordion-title").removeClass("is-collapsed is-expanded")
			$(".accordion-content").removeClass("is-expanded animateIn").addClass("is-collapsed")
				}
			}
			closeSp();
			window.matchMedia('(max-width: 300px)').addListener(function(e){
				e.matches && closeSp();
			})
		})