First you should build the markup as follows, 'tab' and 'tab-pane' are required, use them to indicate which are tabs and content panes.
And with the styles that hides the non-active tab pane
Finally makes the markup tabbable. After a tab is clicked, the 'active' class will be added to the corresponding tab:
//commonjsvar tabs = ;//or directly include the script and 'tabs' will be global// make it tabbable!var container=document;