swiper.on('slideChange', ({ activeIndex }) => {
document.querySelectorAll('.points .point').forEach((n, i) => {
n.classList.toggle('active', i === activeIndex);
});
})
document.querySelector('.points').addEventListener('click', ({ target: t }) => {
if (t.classList.contains('point')) {
swiper.slideTo([...t.parentNode.children].indexOf(t));
}
});
pagination: {
el: '.points',
bulletClass: 'point',
bulletActiveClass: 'active',
renderBullet: (index, className) => `<div class="${className}">${index + 1}</div>`,
clickable: true,
},
function filterDiv(){
var div = document.querySelectorAll('div');
idSel = this.value;
[].forEach.call(div, function(el){
el.style.display=(idSel=="*"||idSel==el.id)?'block':'none';
});
};
$(document).ready(function(){
filterDiv(); // Подразумеваем, что нужный option уже выбран и нам надо просто после загрузки страницы отфильтровать элементы.
document.querySelector('select').onchange=filterDiv; // эта же функция "вешается на onChange.
});