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

Question

[Константин]

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

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

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

if ( $(window).width() < 300 ) {
действие...

}

Но как реализовать не пойму

Comments

[Павел Корнилов]

Выложите в песочницу свой код, чтобы кто-то из нас смог его подправить.

[Константин]

а где этот раздел?
Или Вы имеете в виду кусочки кода сюда вставить?

Answer 1

[Андрей]

действие:

$(".accordion-title").removeClass("is-collapsed is-expanded")
$(".accordion-content").removeClass("is-expanded animateIn").addClass("is-collapsed")

Comments

[Константин]

Посмотрите, может я не туда вставил, не сработало https://olymp-spb.ru/js/index.js

[Андрей]

gradk, а дак у вас не подключен jquery

[Константин]

Андрей, подключил теперь) но может не там стоит этот кусок кода

[Андрей]

вставьте в конец файла

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

[Константин]

не помогает(

[Андрей]

gradk, jquery нужно подключать до скрипта а не после

[Константин]

сделал, та же история, конфликтует видимо...
спасибо что дали совет

[Андрей]

gradk, да нет все же работает. https://olymp-spb.ru/ сворачивает если загрузить при маленьком разрешении

[Андрей]

gradk, у вас наверное кэш остался нажмите ctrl+shift+r

[Константин]

Спасибо!!! Вы профи!!!!