Smart Select Wizard

Questions
1

I would like to implement some kind of “wizard” functionality using the smart select component (v4), if possible.

So I want to have the BACK button, which is already there, plus a NEXT button, maybe at the top right corner. So the user will select an option, the click NEXT to go the the next page which is dependent on the option he has just selected.

For example: Page Continents, select Europe -> Page Counties, select France -> Page Cities, select Paris, etc. If the user hits BACK, he can change his selection from France to Germany and then see German cities. I think this is possible if I add a NEXT button at the top that closes the current Select component and loads the next one. Any ideas?

Thanks

2

You can use swiper.
jsfiddle

3

Wow, thanks. Let me explore it and see what I come up with.