Слайдеры не выключаются?

Question

[Вадим Ягофаров]

У каждой карточки товара свои блоки со слайдерами slader__workмодель, активным должен быть только один и когда кликаешь на расцветку блок со слайдером меняется на соответсвующую расцветку. Вот скрипт

$('.slider_btn').click(function(){ 
      //Шаг 1. Выключаем вообще все слайдеры 
      $('.slider_workegg').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workkosmo').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workblanket').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workalpa').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workalaskawith').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workalaska').each(function()
      { $(this).removeClass('active');
      });
      $('.slider_workstar').each(function()
      { $(this).removeClass('active');
      });
 
      //Шаг 2. Получаем id категории и ставим её на айдишник слайдера 
      var slider_id = $(this).attr('id');            
      slider_id = slider_id.replace("btn_", "slider_"); 
      //Шаг 3. Включаем слайдер с нужной категории            
        $('#'+slider_id).addClass('active'); 
 
      });

Сейчас все слайдеры стали почему то активными хотя прописано removeClass('active');. Раньше все работало когда было вот так

$('.slider_workstar').each(function()
      { $(this).removeClass('active');
      });

Все блоки слайдеров были одинаковыми и на конце не было определенной модели .slider_workstar. Но в таком случае при клике на расцветку все слайдера на других карточках товара выключались
Вот сайт orenkombez.ru/kombinezonyi

Comments

[Владимир Обабков]

Это же п******ц ..
При таком кол-ве слайдеров не обойтись без ООП.
Вот вам совет.. напишите или загуглите класс слайдера и создайте его экземпляры на каждый слайдер