Мне нужно построить вложенные мультифильтры:
Первый фильтр должен смешивать вторые фильтры, а вторые фильтры должны фильтровать элементы:
Первый фильтр:
ВыбратьЦвет: кнопка «Черный» - кнопка «Белый»
Выберите размер: Кнопка «Большой» - кнопка «Маленький»
В соответствии с первым выбором, должны отображаться вторые фильтры.
Это работает только наполовину. Как только я щелкаю по второму фильтру, второй контейнер-фильтр исчезает с классом «mixitup-container-failed».
Что здесь не так? Помощь будет высоко ценится.
var itemsEl = document.querySelector('#itemsWrapper');
var mixer = mixitup(itemsEl, {
multifilter: {
enable: true
},
animation: {
enable: false
}
});
var questionsEl = document.querySelector('#questionsWrapper');
var qmixer = mixitup(questionsEl, {
multifilter: {
enable: true
},
animation: {
enable: false
}
});
https://codepen.io/mhkey/pen/poojpaY