Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, спасибо огромное. Вы правильно все поняли!))
только не подскажете как эту часть переделать на jquery?

function count(currentId){
    const elems = Array.from(document.querySelectorAll('.cost__elem'));
    const randomItemId = document.querySelector('.cost__item--active').dataset.count;
    console.log(currentId);

    for (let i = 0; i < elems.length; i++) {
      if (i < currentId) { 
        elems[i].classList.add('cost__elem--success');
      } else {
        return;
      }
    }
  }

Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, вот делаю как Вы говорите. срабатывает только первый клик
https://jsfiddle.net/rmLtvk6o/

шаг я получаю в дата атрибуте

Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, так а разве шаг всегда статичен? я делаю клик вперед - назад
ничего не меняется

Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, все равно не хочет
вставила букву в букву ваш код
https://jsfiddle.net/bpvwds9r/

Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, понимаю нужен класс
вот добавила
потом добавила ваш код - не работает
https://jsfiddle.net/8a6u41cd/

Как добавлять классы итемам в завимости от пройденных шагов?

Роман Дворянов, понимаю. но как его тут правильно добавить? слайды меняются
но класс у активного итема сейчас не будет меняться
или нужно по другому слайдер делать?

Есть онлайн конвертор из stylus в css?

Ankhena, та вроде уже приглянулся)))

ПОчему слайды дублируются?

Александр, класс)) спасибо

Что изменить в псевдоэлементе?

Николай, хорошо
спасибо

Что изменить в псевдоэлементе?

Олег, так все-равно как то не так получается
https://jsfiddle.net/8zgwyacx/2/

Что изменить в псевдоэлементе?

Николай, так все-равно как то не так получается
https://jsfiddle.net/8zgwyacx/2/

Как реализовать элементы по бокам?

Odisseya, супер)
спасибо огромное!!

Как реализовать элементы по бокам?

Dima Polos, ну то , наверное, я излишне написала
вообщем суть в элементах по бокам (которых всего 4 штуки)

Как сделать затемнение внутри итема?

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

Как сделать затемнение внутри итема?

origami1024, я имела ввиду тень в итеме
вот так не выходит
https://jsfiddle.net/gpx04vk1/

Почему iframe не растягивается, как блок рядом с ним?

Dima Polos, cпасибо

Как сделать, чтобы всегда был отступ от блока?

Ankhena, имела ввиду, чтобы блок прижимался влево cтраницы
вот так не совсем костыльно будет? или вполне нормально?

https://jsfiddle.net/ua5y9L2b/

Как сверстать блок с iframe?

Ankhena, а. точно. думала тут нужен абсолют
(но это бред)

Как сверстать блок с iframe?

Ankhena, ну в данный момент у меня вот так
https://jsfiddle.net/t5gwaydL/1/

Как сверстать блок с iframe?

Надим Закиров, грубо говоря как сверстать
тоесть если вместо ифрейма - бэграунд- там понятно
а здесь - не совсем