Аккордеон в мобильной версии?

Question

[makedonets]

Добрый день. Есть страница на которой в сайдбаре есть фильтры каталога ( цена, производитель и т.д.)
Необходимо фильтры спрятать в аккордеон, но с одним условием, что бы в обычной версии сайта аккордеоны по умолчанию были открыты, а в мобильной - закрыты. Выбор пока пал на jquery ui, но от других вариантов тоже не откажусь

Comments

[Ankhena]

На JS вешаете классы --open|--close в зависимости от размера окна (или по девайсу, как больше нравится) и в зависимости от клика.
В CSS описываете эти классы.

Answer 1

[Антон Неверов]

jQuery UI хватит. Используйте JS-код, что-то типа

if (document.body.clientWidth <= 991) {
//Код, который будет закрывать сайдбар на ширине экрана менее 991px
}

По хорошему, конечно, нужно писать через media-запросы CSS, но для этого самостоятельно придётся написать код сайдбара.