lukasztyrala / intabs

jQuery simple and intelligent tabbed content

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

.---------------------------------------------------------.
| intabs, a jQuery plugin for simple tabbed content       |
'---------------------------------------------------------'

Very simple plugin to turn few <li>s and <div>s into tabbed
content. This is for simple things only--no ajax, no fancy
effects.


Features:
-----------------------------------------------------------

1. No #id needed.
2. No sections numbering needed.
3. You can have multiple .your-caintainer boxes on the same
   page and always only $('your-container').intabs() is
   needed.
4. Excluding some <li>s from beeing a tab.
5. You can add as many tabs and contents as you like and no
   numbering nor changes are needed.

   .------.  Remeber that ammount of <li> (excluding those
   | Note |  with class .normal) and tab contents (class
   '------'  .tabbed by deafult) must match!

6. Customizable tab change event.
7. Customizable starting (active by default) tab.


Usage:
-----------------------------------------------------------

<div class="your-container">

    <ul class="tabs">
        <li class="normal">Tabs:</li>
        <li>[1]</li>
        <li>[2]</li>
        <li>[3]</li>
    </ul>

    <div class="tabbed">[1]</div>
    <div class="tabbed">[2]</div>
    <div class="tabbed">[3]</div>

</div>

$(document).ready(function() {
    $('your-container').intabs();
});


Notes:
-----------------------------------------------------------

This is released onder MIT licence. Do what you want with
it but do not expect anything. Licence:
* http://www.opensource.org/licenses/mit-license.php

Repo for this plugin is located here:
* http://github.com/lukasztyrala/intabs


The end. Thanks for reading! :-)

About

jQuery simple and intelligent tabbed content