tabsLite

Description

A lighter version of jQuery UI's tabs. For when you just need simple tab functionality and don't need to include the entire jQuery UI library.

Open example.html for example usage.

Required HTML

<div id="tabs">
  <ul>
    <li><a href="#tab-1">Tab One</a></li>
    <li><a href="#tab-2">Tab Two</a></li>
  </ul>
  <div id="tab-1">
    <p>Tab one.</p>
  </div>
  <div id="tab-2">
    <p>Tab two.</p>
  </div>
</div>

Required JavaScript

$('#tabs').tabsLite();

Links

• Online Demo
• Screenshots