agutin

Так?

<div class="test">
  <p>текст</p>
  <span class="add">+</span>
  <span class="ok">✓</span>
</div>

.test:active > .add {
  display: none;
}

.test:not(:active) > .ok {
  display: none;
}

30 строка: не expect, а except
Исключение, а не ожидание))

Добрый день.

Зависит от задачи, на сколько нужно универсально.

Можно так

$(document).ready(function() {
  $(`.string1`).on('click', function(){
    $(this).next('.string2').toggle();
  });
});

Либо если в контейнере будет только боксы, то так

$(document).ready(function() {
  $('.container-example').children().on('click', function(){
    $(this).find('.string2').toggle();
  });
});

Добрый день.

Данный код увеличивает два раза step.

step++; // 1. Тут 
 if (step + 1 == slider.length) {
   step = 0;
 } else {
   step++; // 2. И тут
 }

Из-за этого step становится больше slider.length и условие обнуления не выполнится никогда.

Нужно убрать первый инкремент тогда все заработает.