Czołem! Witam wszystkich bardzo serdecznie, to mój pierwszy post :)
Z JS jestem dość początkujący i natrafiłem na problem, mam nadzieję ,że k toś pomoze mi go rozwiazać :)
Mam 3 grupy checkboxów oraz slider stworzony za pomocą slick.js Po wybraniu checkboxa filtruje slajdy, wyświetlajac tylko te które mają klasę do value checkboxa. Założenie jest takie że,

  1. W danej kategorii wybieram kilka checkboxów i pokazuje mi wszystkie slajdy z wybranymi klasami
  2. Jak wybiorę drugą kategorię, to wyświetla mi wszystkie slajdy z 1 kategorii które dodatkowo mają klasę z kategorii 2. Np: .volume1.bmw, .volume2.bmw

Próbuje użyć funkcji .join(), ale kolejne kategorie dopisują się na końcu tablicy, zamiast do każdego elementu.

.volume1,.volume2.blue zamiast .volume1.blue,.volume2.blue

Jak stworzyć pętlę która doda drugą i trzecia kategorię do każdego elementu, a nie na samym końcu? Lub w przypadku gdy najpierw wybiorę 3 kategorię to pozwoli dodać poprzednie?
Poniżej podsyłąm link do codepen z kodem. Wiem że pytam o podstawowe sprawy (pętla) ale liczę na szybką i sprawna pomoc!

https://codepen.io/plastojs/pen/QejoEQ