Нужно переключить слайды при нажатии на кнопку "Next"

Подскажите, пожалуйста, как можно переключить класс active между блоками с одинаковым классом? Чтобы скрывался текущий слайд и показывался след. слайд и в обратную сторону при нажатии на "Prev"

.step {
    display: none;
}

.step_active {
    display: block;
}
 <div class="steps">
                    <div class="step active"></div>
                    <div class="step"></div>

                <div class="btn_nav">
                    <button type="button" id="prev_button" class="control control_hide control_prev">Prev</button>
                    <button type="button" id="next_button" class="control control_next">Next</button>
                </div>


Ответы (1 шт):

Автор решения: VladykoD

Введи data-id с номерами (индексами) и при переключении сделай активным id + 1

→ Ссылка