При выборе radio менять картинки?

Question

[Greendy]

Здравствуйте.
Есть такой скрипт:

$(".grid-view-item__image").next().addClass("hide");

$('input[name="id"]').on('change', function() {
    $(".grid-view-item__image").next().toggleClass("hide");      
});

В нем всегда второй картинке присваивается класс .hide. Ниже срабатывание события при изменении инпута в виде радио и при срабатывании - переключает класс на следующей картинке.

HTML прилагается.

По сути, хочу сделать чтобы при изменении radio - одна картинка переключала на другую, но в итоге переключает все такие же в других блоках, а не конкретно в этом...

<img class="grid-view-item__image lazyloaded" data-src="site.ru/1.jpg">         
  <img class="grid-view-item__image lazyloaded hide" data-src="site.ru/2.jpg">

<label class="color-select-item"> 
      <input name="id" class="variant_image_id" type="radio" checked="checked" value="37867818418374">
      <span style="background:Gold;"></span>    
  </label>

Comments

[sts]

Я в js не очень могу, но ты тут по классу переключаешь $(".grid-view-item__image"). Попробуй генерить айди для каждой картинки и переключаться по айди

[Greendy]

sts, сделал так, но теперь всегда только в первом блоке меняет картинку:

$(".grid-view-item__image").next().addClass("hide");


$('input[name="id"]').on('change', function() {
   var variant_img_id = $(".grid-view-item__image").attr('id');
  
  $("#"+variant_img_id).next().toggleClass("hide");   
});

[sts]

скинь весь код.
Чет мне кажется это фигня какая-то "input[name="id"]"

[Greendy]

https://22stacy.com/

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

[Максим]

Greendy, ну вот примерно так https://codepen.io/topicstarter/pen/PoGOOJJ только я не спец по javascript и по этому сделал как смог

[Greendy]

Много Чего, Там обязательно надо две картинки выводить, у каждого варианта своя картинка и цвет) А тут фильтр на одной)

[Максим]

Greendy, так же и подменять src ...чуть позже сделаю, только картинок у меня нету

[Greendy]

Много Чего, там же на сайте картинки идут в коде) одна серебро, другая - золото)

[Greendy]

Много Чего, не смотрели)?