{"main":["tabs.js","tabs.css"],"options":[{"name":"customClass","type":"string","default":"''","description":"Class applied to instance"},{"name":"maxWidth","type":"string","default":"Infinity","description":"Width at which to auto-disable plugin"},{"name":"mobileMaxWidth","type":"string","default":"'740px'","description":"Width at which to auto-disable mobile styles"},{"name":"vertical","type":"boolean","default":"false","description":"Flag to draw vertical tab set"}],"events":[{"name":"update.tabs","description":"Tab activated"}],"methods":[{"name":"activate","description":"Activates instance.","examples":["$(\".target\").tabs(\"open\");"]},{"name":"defaults","description":"Extends plugin default settings; effects instances created hereafter.","params":[{"name":"options","type":"object","default":"{}","description":"New plugin defaults"}],"examples":["$.tabs(\"defaults\", { ... });"]},{"name":"destroy","description":"Removes plugin instance.","examples":["$(\".target\").tabs(\"destroy\");"]},{"name":"disable","description":"Disables instance.","examples":["$(\".target\").tabs(\"disable\");"]},{"name":"enable","description":"Enables instance.","examples":["$(\".target\").tabs(\"enable\");"]}],"name":"Tabs","type":"widget","description":"A jQuery plugin for simple tabs.","dependencies":["core.js","mediaquery.js","swap.js","touch.js"],"css":[{"name":".fs-tabs-element","type":"element","description":"Target elmement"},{"name":".fs-tabs","type":"element","description":"Base widget class"},{"name":".fs-tabs.fs-tabs-enabled","type":"modifier","description":"Indicates enabled state"},{"name":".fs-tabs-tab","type":"element","description":"Tab handle element"},{"name":".fs-tabs-tab.fs-tabs-enabled","type":"modifier","description":"Indicates enabled state"},{"name":".fs-tabs-tab.fs-tabs-active","type":"modifier","description":"Indicates active state"},{"name":".fs-tabs-tab.fs-tabs-mobile","type":"modifier","description":"Indicates mobile interface"},{"name":".fs-tabs-content","type":"element","description":"Tab content element"},{"name":".fs-tabs-content.fs-tabs-enabled","type":"modifier","description":"Indicates enabled state"},{"name":".fs-tabs-content.fs-tabs-active","type":"modifier","description":"Indicates active state"},{"name":".fs-tabs-tab_mobile","type":"element","description":"Mobile tab handle element"},{"name":".fs-tabs-tab_mobile.fs-tabs-active","type":"modifier","description":"Indicates active state"}],"use":"### Basic\n\nTabs will automatically turn a set of links into a tabbed interface. The link's `href` attribute should point to the desired content's fragment identifier, white the `data-tabs-group` attribute should remain consistent between linked tabs:\n\n```javascript\n$(\".tab\").tabs();\n```\n\n```markup\n<nav>\n\t<a href=\"#tab-one\" class=\"tab\" data-tabs-group=\"tab-group\">One</a>\n\t<a href=\"#tab-two\" class=\"tab\" data-tabs-group=\"tab-group\">Two</a>\n\t<a href=\"#tab-three\" class=\"tab\" data-tabs-group=\"tab-group\">Three</a>\n</nav>\n<div id=\"tab-one\">\n\t...\n</div>\n<div id=\"tab-two\">\n\t...\n</div>\n<div id=\"tab-three\">\n\t...\n</div>\n```","demo":"<style>\n\t.tabs { overflow: hidden; }\n\t.tab { display: block; float: left; }\n\n\t.tab,\n\t.fs-tabs-tab.fs-tabs-enabled { background: #393b3f; border: none; color: #fff; font-size: 16px; line-height: 40px; margin: 0 1px 0 0; padding: 0 20px; }\n\t.tab:hover,\n\t.fs-tabs-tab.fs-tabs-enabled:hover { color: #fff; }\n\n\t.fs-tabs-tab.fs-tabs-active { background: #c65032; }\n\n\t.fs-tabs-tab_mobile.fs-tabs-enabled { width: 100%; }\n\n\t.tab_content { background: #f2f2f2; border-radius: 3px; padding: 5px 20px; }\n</style>\n\n<script>\n\t$(function() {\n\n\t\t$(\".tab\").tabs();\n\t});\n</script>\n\n<h4>Basic</h4>\n<nav class=\"tabs\">\n\t<a href=\"#tab-1-1\" class=\"tab\" data-tabs-group=\"tab-1\">One</a>\n\t<a href=\"#tab-1-2\" class=\"tab\" data-tabs-group=\"tab-1\">Two</a>\n\t<a href=\"#tab-1-3\" class=\"tab\" data-tabs-group=\"tab-1\">Three</a>\n</nav>\n<div class=\"tab_content\" id=\"tab-1-1\">\n\t<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>\n</div>\n<div class=\"tab_content\" id=\"tab-1-2\">\n\t<p>Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>\n</div>\n<div class=\"tab_content\" id=\"tab-1-3\">\n\t<p>Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>\n</div>\n\n<h4>Mobile Max Width</h4>\n<nav class=\"tabs\">\n\t<a href=\"#tab-3-1\" class=\"tab\" data-tabs-group=\"tab-3\" data-tabs-options='{\"mobileMaxWidth\":\"500px\"}'>One</a>\n\t<a href=\"#tab-3-2\" class=\"tab\" data-tabs-group=\"tab-3\" data-tabs-options='{\"mobileMaxWidth\":\"500px\"}'>Two</a>\n\t<a href=\"#tab-3-3\" class=\"tab\" data-tabs-group=\"tab-3\" data-tabs-options='{\"mobileMaxWidth\":\"500px\"}'>Three</a>\n</nav>\n<div class=\"tab_content\" id=\"tab-3-1\">\n\t<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>\n</div>\n<div class=\"tab_content\" id=\"tab-3-2\">\n\t<p>Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>\n</div>\n<div class=\"tab_content\" id=\"tab-3-3\">\n\t<p>Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>\n</div>"}