Demo of `jquery.simpletabs` jQuery Plugin

The jquery.simpletabs plugin shows a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.

This demo has two pages, demo.html (this page), and demo2.html - click on a tab to switch.

The tabs can be styled, see default jquery.simpletabs.css.

demo.html	demo.js
<html> <head> <link href="jquery.simpletabs.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-latest.js"></script> <script src="jquery.simpletabs.js"></script> <script src="demo.js"></script> <script> $(document).ready(function() { $('#demoTabs').simpleTabs(tabsConfig, 'demoTab1'); }); </script> </head> <body> <div id="demoTabs"></div> </body> </html>	let tabsConfig = { tabs: [ { id: 'demoTab1', label: 'Demo Tab 1', tooltip: 'This is demo tab 1', url: 'demo.html' }, { id: 'demoTab2', label: 'Demo Tab 2', tooltip: 'This is demo tab 2', url: 'demo2.html' } ] };

Demo of jquery.simpletabs jQuery Plugin