@loed

Развернуть «аккордеон» при определенном разрешении экрана?

Доброго дня, подскажите пожалуйста как изменить js что бы аккордеон был развернут по умолчанию только на декстопах (или на определенных разрешениях экрана) ?
var acc = document.getElementsByClassName("accordion-filter");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active-filter");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  });
}
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 1
AntonGre4ka
@AntonGre4ka
Надо считать ширину с помощью
window.innerWidth
Получаешь ширину экрана, а дальше через условие «если > 768px то это, если < то другое»
Также и с высотой можно
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект
22 нояб. 2024, в 21:44
50000 руб./за проект