Почему функция работает неправильно?
Суть проблемы: При клике на слайд, должна появляться снизу стрелочка(она в 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");
})
})