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

Question

[powercoder]

Здравствуйте, прохожу тестирование от работодателя, есть изображение, которое нужно реализовать в виде работающей конструкции.
Изначально виден только блок под маркером (2), при выборе отображаются новые (3>4>5>...)
Как реализовать подобное?
Я думаю использовать табы, как бы решили подобную ситуацию Вы?

Comments

[Andrew]

Причем тут табы?
Вам логику не нужно программировать? только постепенное появление?
2 состояния у каждого блока - актив и не-актив, по клику на n-1-блок, делать видимым n-ый до последнего.

Answer 1

[Александр Вульф]

Во-первых спрашивать тут такие вопросы не особо корректно, так как это будет не ваше решение.
Во-вторых из задачи не понятно абсолютно ничего.

Но вот вам решение в лоб:
Как только выбрали что-то, то просто снимаем display:none у следующего блока. Если блока нет, то ничего не снимаем.

Comments

[powercoder]

То есть, это не табы?
Просто блоки, которые через JS связаны по клику?

[Александр Вульф]

powercoder, про какие табы идёт речь?

[powercoder]

Александр Вульф, https://codepen.io/dan_postnov/pen/MqROLx

[Александр Вульф]

powercoder, ну так указывайте jquery в тегах. И, он, кажется, умер. Если хотите выглядеть очень хорошо, то не стоит его использовать.

Answer 2

[dmshar]

Вы не боитесь, что работодатель уведет ваш вопрос и не примет ваше - даже правильное - решение?
Ну вам то что, а вот тем, кто тут вам помогать будет - тем точно обидно будет за напрасно потраченное время.
P.S. И мой вам совет - не можете самостоятельно, даже с помощью Гуугла, дома, в спокойной обстановке решить задачу - не суйтесь на эту вакансию. Ну не ваша она пока еще. Даже если вас возьмут по недосмотру, зачем потом вам вечный нервный стресс. И негатив от работодателя.