Есть список кнопок, часть которых является скрытыми.
Нужно создать слайд, который при нажатии на кнопку "следующий" переключился на следующую кнопку, а если она скрытая, то показывал эту скрытую кнопку, при переключении на следующую скрытую кнопку предыдущая должна скрыться, а текущая должна появиться.
Во время переключения на скрытые кнопки основные кнопки должны сохранять своё состояние.
HTML
// Cписок с кнопками
<ul>
<li class="slide visible"><button class="btn"/>Button Visible One</li>
<li class="slide visible"><button class="btn"/>Button Visible Two</li>
<li class="slide hidden"><button class="btn"/>Button Hidden One</li>
<li class="slide hidden"><button class="btn"/>Button Hidden Two</li>
</ul>
// Кнопки для передвижения
<button id="previous">Previos</button>
<button id="next">Next</button>
CSS.hidden { display: none; }
.visible { display: block; }