Unwrongest

Hello, my name is Jan Jarfalk and I'm an interaction designer and interface developer. This, my lab, is where I learn and evolve.

Tabify

This Jquery plugin lets you easily create tabbed content. All you need is an ul-element with some li-elements and a couple of related content-divs. The major difference between Tabify and it’s competitors is it’s size.

How to use Tabify

It is very easy to use Tabify. All you need to do is to create an ul-list, fill it with a couple of li-elements with containing links (tabs) and create a couple of matching content divs. In the example below notice how the href-attribute on the link elements corresponds to the content div IDs.

  1.   <ul id="menu">
  2.     <li class="active"><a href="#jquery">jQuery</a></li>
  3.     <li><a href="#prototype">Prototype</a></li>
  4.     <li><a href="#ext">Ext</a></li>
  5.   </ul>
  6.  
  7.   <div id="jquery">
  8.    jQuery is a cross-browser…
  9.   </div>
  10.   <div id="prototype">
  11.    The Prototype JavaScript…
  12.   </div>
  13.   <div id="ext">
  14.    Ext (X-t) is a JavaScript…
  15.   </div>

When you have created the necessary html code you need to include the javascript file with the plugin and call the tabify method.

  1. $( selector ).tabify();
  2.  
  3. //…or with a callback
  4. $( selector ).tabify(function(){});
Change log
VersionChanges
1.5Fixed an issue where multiple instances would make Tabify crash.
1.4Fixed an issue where a malformed hash would make Tabify crash.
1.3Fixed an issue causing the page to jump when you clicked on the tabs

226 days ago

Read one article about glass; read this one about Corning, Corning’s Gorilla Glass, Apple and the future. http://t.co/xakeeQzU (via @VirUZI)

227 days ago

I just bought CHTEMELE; a boardgame about HTML5 for 2 – 5 players. http://t.co/kbpQLivu

229 days ago

A normal male ejaculation is equivalent of 16 terabyte of information. http://t.co/tkLndAwg

231 days ago

We are 18, we have no work, we don’t study, we are Anonymous. -We know. http://t.co/NHPa7gjR

231 days ago

We are 18, we have no work, we don’t study, we are Anonymous. -We know. http://t.co/NHPa7gjR

232 days ago

Anonymous plan to DDoS the Central Bank of Sweden’s website, in the middle of the Swedish night, to hurt our economy. Have fun, Goodnight :)

232 days ago

Book trailer for Instant: The story of Polaroid [the Apple of the 60s]. http://t.co/y4srSGmP