Tabbed
A JavaScript module for tabbing content. Built with accessibility in mind, works on screen readers and degrades gracefully if JavaScript is turned off.
Instructions
Browserify
var Tabbed = require('tabbed')
var tabs = new Tabbed('#tabs')
Browser Usage
-
Link stylesheet
<link rel="stylesheet" href="tabbed.css">
-
Add Markup
<div id="tabs">
<ul>
<li><a href="#tab-1">1st Tab</a></li>
<li><a href="#tab-2">2nd Tab</a></li>
<li><a href="#tab-3">3rd Tab</a></li>
</ul>
<div id="tab-1">
</div>
<div id="tab-2">
</div>
<div id="tab-3">
</div>
</div>
-
Link JavaScript and trigger script
<script src="tabbed.js"></script>
<script>
var tabs = new Tabbed('#tabs')
</script>
Licence
Licensed under the MIT Licence