Как исправить баг функции?

Question

[offsiderst]

функция setBorder

выбираю два последних элемента в блоке
но есть баг, как на скрине (выделяются не два последних, а три)


https://jsfiddle.net/uv0z9csn/

UPDATE
сам баг хорошо будет видно после следуещих действий:

если изначально у нас выбран в фильтре ( все страны) я кликаю по разным слайдам в середине (пару раз выбираю разные слайды)
потом выбираю Португалию - и кликаю там тоже пару раз по любым слайдам
и потом по предпоследнему слайду там же- то баг будет виден

Comments

[FeST1VaL]

не понятно, на jsfiddle выбираются 2

[offsiderst]

FeST1VaL, если изначально у нас выбран в фильтре ( все страны) я кликаю по разным слайдам в середине (пару раз выбираю разные слайды)
потом выбираю Португалию - и кликаю там тоже пару раз по любым слайдам
и потом по предпоследнему слайду там же- то баг будет виден

Answer 1

[Андрей Пастухов]

function setBorder(swiper) {
  let blocks = [...document.querySelectorAll(".swiper-slide.inner")];
  blocks.forEach((item, index)=> {
   item.classList.remove('inner');
  });

  blocks = [...document.querySelectorAll(".swiper-slide.swiper-slide-visible:not(.hide)")];
  blocks[blocks.length-1].classList.add('inner');
  blocks[blocks.length-2].classList.add('inner');
}

Comments

[offsiderst]

Андрей Пастухов, спасибо, а ошибку в консоли можно убрать?
это связано с этой же функцией

https://jsfiddle.net/kndcmzo1/2/

Answer 2

[Vladislav]

Ты врешь, я просто открыл fiddle:

Comments

[offsiderst]

Владислав, я не вру, если изначально у нас выбран в фильтре ( все страны) я кликаю по разным слайдам в середине (пару раз выбираю )
потом выбираю Португалию - и кликаю там тоже пару раз по любым слайдам
и потом по предпоследнему слайду там же- то баг будет виден