"Разворачивающийся" фильтр

"Разворачивающийся" фильтр
21 мая 2017 г.
Есть сайт (интернет-магазин), с одним типом товара нужны доработки по фильтру.

Есть все необходимые фильтры (для каждой группы товаров). Интересуют меня конкретно "Жёсткость" и "Именная клюшка". Сейчас в админке "diafan" это настроено как "Список с выбором нескольких значений".

Проблема в следующем: этих значений много и они очень "растягивают" страницу вниз. В скором времени ещё добавятся параметры "Жёсткость", а значений "Именная клюшка" уже порядка 30, будет ещё больше. Нужно сделать какой-то "разворачивающийся" фильтр, т.е. "заголовок", какой-то, с названиями "Жёсткость" и "Именная клюшка", чтобы бы клике на этот "заголовок" в фильтре открывались все значения и пользователь мог выбрать одно или несколько значений, и, применив фильтр, он сработал корректно. Пример тоже во вложении есть (Пример 1 и Пример 2).

Когда я писал в техподдержку с этим, они ответили следующее: "Здесь нужно в файле shop.view.show_search.php определить конкретную характеристику по идентификатору и настроить её вывод."

Бюджет КРАЙНЕ минимален (его почти нет). Готов поставить лучшие оценки и написать прекрасный отзыв и в будущем рассматривать исполнителя для дальнейшей серьёзной работы (потребуется адаптация для мобильных устройств).
Прикреплённые файлы: