Как реализовать фильтр слайдов с 2 select для Swiper?

Question

[Полина Емельянова]

Коллеги, прошу вас помочь с реализацией логики фильтра для слайдов на Swiper

САБЖ
Есть слайдер и 2 селекта.
У слайдов есть дата атрибуты, содержащие строку из минимум 1 элемента.
У Селекта есть валью, которые совпадают с содержимым дата атрибутов.

ПРОБЛЕМА
По выбору селекта, скрываются-фильтруются слайды, у которых в строках дата атрибутов нет совпадений.
Селекта два. Если после выбора одного есть что еще фильтровать - оно тоже должно фильтроваться.

Прошу, укажите как это выстроить логически. У меня сейчас хорошо работает только один селект и сброс.
При чем, если я начну фильтровать со второго селекта - логива вообще ломается.

Заранее благодарю!

Ссылка на песочницу

Ссылка на кодепен

Comments

[Сергей Сергей]

function filter() {
  let cVal = club.value.toLowerCase();
  let spVal = spec.value.toLowerCase();
  cVal = cVal === 'all' ? '' : cVal;
  spVal = spVal === 'all' ? '' : spVal;
  slides.forEach((item) => {

Answer 1

[Полина Емельянова]

Вродь... Работает.
Помогли коллеги.

Ссылка на песочницу