如何按复选框组过滤光滑的幻灯片？

Question

我有3组复选框，我需要这样的过滤器滑动滑块：

1. 我可以在组中选择多个类别并显示它们（例如，vol1，volume2）
2. 如果我从另一个类别（例如bmw）中选择复选框，过滤器将显示以下类别的幻灯片：.volume1.bmw，.volume2.bmw

我厌倦了使用.join(),，但我得到了

.volume1,.volume2.blue

不是

.volume1.blue,.volume2.blue

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

如何循环并向每个数组元素而不是末尾添加第二个类别？