Как можно сделать такой функционал на jquery?

Question

[Сергей]

Первый этап подсвечен. При нажатии на первый этап подсказка убирается. Выезжает текст. Подсвечивается второй этап. При нажатии на него выезжает табличка. Далее – аналогично. По очереди, чтобы было.

Как можно сделать такой функционал, желательно с jquery? Может есть где готовая заготовка? Или может кто сделать?

UPD: И чтобы после кликов всех этапов, можно было возвращаться к любому этапу для просмотра описания этого.

Answer 1

[dixiesasha]

Тут можно использовать чередование классов, сделав класс .active определяющим стили как для кружочка, так и для таблички. Понадобятся селектор соседства и наследование. Если сделать через radiobutton, то можно и без jquery, но это будет не так просто

Answer 2

[Дмитрий]

Добрый вечер.
Возможно Вам подойдёт BootstrapTour

Answer 3

[Егор Живагин]

На самом деле сложнее всего это сверстать) У вас уже есть вёрстка? Можете скинуть в codepen / jsfiddle ?