Skip to content
A jQuery tabs module for todays web!
Branch: master
Clone or download
Latest commit cf4b029 Dec 22, 2015
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Revert c90a870..d040f22 Feb 20, 2015
.gitattributes Initial commit Jun 20, 2013
.gitignore Initial commit Jun 20, 2013 Update Dec 22, 2015


A jQuery tabs module for todays web!


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=""></script>
<script type="text/javascript" src="tabulous.js"></script>
<script type="text/javascript" src="js.js"></script>
Create the tabs
  <div id="tabs">
			<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>
		<div id="tabs_container">
			<div id="tabs-1">
				<!--tab content-->
			<div id="tabs-2">
				   <!--tab content-->
			<div id="tabs-3">
				    <!--tab content-->
		</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 ($) {



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

      effect: 'scale'

..:: Options

Variable Default Value Description Valid Options
effect scale The effect to use for the transition scale / slideLeft / scaleUp / flip
You can’t perform that action at this time.