Почему функция работает неправильно?

Суть проблемы: При клике на слайд, должна появляться снизу стрелочка(она в svg виде загружена).

Стрелка при клике появляется только на первом слайде, а на других не хочет появляться. Хотя функционал одинаковый для всех слайдов.

В чем ошибка?

Для создания слайдера использую плагин SwiperJS.

Перейдите по ссылке - https://jsfiddle.net/913y2ftx/

var swiper_q = new Swiper('.swiper-container-questions', {
    slidesPerView: 2,
    spaceBetween: 0
});

$(".swiper-container-questions .swiper-slide").find(".bottom-part").hide();
$(".swiper-container-questions .swiper-slide.eating").find(".bottom-part").show();

$(".swiper-container-questions .swiper-slide").each(function(i,v){
  $(this).on('click', function(){
    $(".swiper-container-questions .swiper-slide").find(".top-part").removeClass("is-active");
    $(".swiper-container-questions .swiper-slide").find(".img-block svg").removeClass("active-svg");
    $(".swiper-container-questions .swiper-slide").find(".bottom-part").hide();
    $(this).find(".bottom-part").show();
    $(this).find(".top-part").addClass("is-active");
    $(this).find(".img-block svg").addClass("active-svg");
  })
})

Ответы (0 шт):