Menu icon Foundation
'Next tab' button for tabs

What is the best way to create 'previous step', 'next step' button to navigate between different tab panels?

I am using 3 tabs to create a step-by-step divided form. I have tried a few things and plugins already but I cant get it to work the way I want to. Is there a better way to do this without complex plugins with code that I don't use? At the moment it only works if I click on the tab title. 

If more info, images or a code snippet is needed feel free to ask!

Thanks!

tabsbuttonjavascriptfoundation 6next button

What is the best way to create 'previous step', 'next step' button to navigate between different tab panels?

I am using 3 tabs to create a step-by-step divided form. I have tried a few things and plugins already but I cant get it to work the way I want to. Is there a better way to do this without complex plugins with code that I don't use? At the moment it only works if I click on the tab title. 

If more info, images or a code snippet is needed feel free to ask!

Thanks!

Dennis about 3 years ago

I think you should take a look at the selectTab method of Foundation. https://foundation.zurb.com/sites/docs/tabs.html#selecttab