jQuery Cards

A repository of over 1000 quality jQuery plugins

Tabulous JS

Created by Aarondo

A jQuery tabs module for todays web!

tabulous.js

A jQuery tabs module for todays web!

Documentation

Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use.

..:: Getting Started

Include the relevant files

Firstly include jQuery and the tabulous.css and tabulous.js files. Place these before <head> section

<script type="text/javascript" src="tabulous.js"></script>
<script type="text/javascript" src="js.js"></script>
Create the tabs
  <div id="tabs">
    <ul>
            <li><a href="#tabs-1" title="">Tab 1</a></li>
            <li><a href="#tabs-2" title="">Tab 2</a></li>
            <li><a href="#tabs-3" title="">Tab 3</a></li>
        </ul>
        <div id="tabs_container">
            <div id="tabs-1">
                <!--tab content-->
            </div>
            <div id="tabs-2">
                   <!--tab content-->
            </div>
            <div id="tabs-3">
                    <!--tab content-->
            </div>
        </div><!--End tabs container--> 
  </div><!--End tabs-->
Initiate the plugin

Once you have created your tabs you will need to initiate the plugin.

At its most basic level you can initiate the plugin like:

    $(document).ready(function ($) {

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

});

If you want to initiate the plugin with options then you can do so like:

$('#tabs').tabulous({
      effect: 'scale'
    }); 

..:: Options

Variable Default Value Description Valid Options
effect scale The effect to use for the transition scale / slideLeft / scaleUp / flip


  • I am planning to use this in a project. It will be a single page application. Is there a possibility to add an x mark at the end of the each tab by clicking on it the user should be able to close(remove) a tab & its contents.

  • Sergei Sikorski

    Can I ask you to comment on my problem? When I have links in a tab, they just don’t function. Thank you in advance!

You might also like these jQuery Plugins

 Views
 Downloads

Download Github Page

What else would you like to see on this site?

View Results

Loading ... Loading ...