Вертикальное меню аккордеон: только один активный блок раскрыт, остальные свёрнуты плавным height-твином
Разбор задачи
Для блока обслуживания или фильтров удобен паттерн «одно открыто». Ниже — упрощённый jQuery вариант; при отказе от jQuery переводится на свойство max-height + класс состояния.
$('.filter-accordion [data-acc-head]').on('click', function () {
const parent = $(this).closest('[data-acc-item]');
const body = parent.find('[data-acc-body]');
const clan = parent.parent();
clan.find('[data-acc-body]').not(body).slideUp(140);
clan.find('[data-acc-item]').removeClass('is-expanded');
body.slideToggle(180);
parent.toggleClass('is-expanded');
});Учитывайте поддержку prefers-reduced-motion: при наличии — мгновенное переключение display без анимации.
Замечания перед выкладкой
Вносите правки только через среду с бэкапом и понятным diff. Если сниппет идёт в шаблон на Битрикс, проверьте конфликт с уже подключённым jQuery/UI и включите «отложенный» запуск там, где длинный главный файл может обрезать DOMContentLoaded.
Не хотите копаться сами?
Починю за 1-3 дня. Без предоплаты — оплата по результату.
15+ лет опыта с 1С-Битрикс · Без предоплаты · 7 дней гарантии