У меня есть аккордеон на бутстрапе, при определённом размере экрана он по дефолту должен быть открыт, при определённом - закрыт.
<button class="btn btn-info footerbutton" data-toggle="collapse" data-target="#footer">
Раскрыть аккордеон
</button>
<div class="collapse show" id="footer">
что-то
</div>
Как мне это сделать? Хотел через постоянную проверку условия на js сделать
if (screen.width<1024) {
$('#footer').attr('class','collapse hide')
}
но не знаю как сделать так, чтобы проверка шла постоянно. Подскажите, как можно сделать? Можно ли как нибудь при помощи CSS и медиа запросов сделать?