Почему неправильно работает универсальный переключатель [JS, CSS]?

Question

[Alik Yaushev]

Вопрос-заголовок конечно ужаснейший получился, простите меня за это, но ничего другого в голову не пришло. Я в тупике из которого никак сам не могу вылезти.

Есть универсальный JS переключатель с хабра от Badoo (автор Dpp, описал Aingis). Много где его приспособил у себя и решил на его же основе сделать что-то типа теста-опросника. Пока получилось плохо, потому и прошу подсобить кому не лень.

Взгляните - https://jsfiddle.net/ayaushev/tqazowox/27/

Изначально показаны все пункты, а хотелось бы только первый шаг: summaisrok + кнопка далее.
При "далее..." все нормально, пункт за пунктом перебирает, а при "назад" страница донор должна исчезать (так задумано), но этого не происходит.

Простите, туплю, но нуждаюсь в совете и подсказке.

Answer 1

[lega]

jsfiddle.net/25es7bo7

инфо тут: https://habrahabr.ru/post/272125/

Answer 2

[Алексей П]

Я бы на вашем месте создал словарь стейтов и хранил бы текущее состояние в сторадже. И обрабатывал бы клик, как смену состояний.

Comments

[Алексей П]

И навигацию бы вынес в отдельный модуль.
Подведем итог:
1. Словарь состояний системы
2. Объект который хранит и изменяет состояние
3. Механизм сокрытия/прересовки контента.
4. Навигация, как возбудитель смены состояния