jQuery Tabs Plugin: idTabs

idTabs is a jQuery plugin for creating simple to advanced tabs.

Tabs can be added dynamically, the "selected" tab can be acquired, idTabs can be binded to different events like mouseover.

jQuery Tab Plugin

Any element with a class name = idTabs becomes a tabbed area. Every link inside this class becomes a tab & the divs mentioned in these links become the content holders. To be more clear:

<ul class="idTabs">
  <li><a href="#jquery">jQuery</a></li>
  <li><a href="#official">Tabs 3</a></li>
<div id="jquery">If you haven't checked out ...</div>
<div id="official">idTabs is only a simple ...</div>

is a basic 2 tabbed menu.

  1. Reply insic October 14, 2008 at 7:30 AM

    impressive jQuery implementation. Nice find.

  2. Reply Kevin October 14, 2008 at 10:57 PM

    Isn’t this exactly what the jQuery UI Tabs feature does?

  3. Reply Soaica Mircea December 8, 2008 at 2:09 PM

    a new tabs plugin for jquery. very simple : http://mirceasoaica.com/simple-tabs-plugin-for-jquery/

  4. Reply Webdesign Regensburg January 16, 2009 at 5:44 AM

    I used idTabs for a client to present the product details, features and release codes!

    But for our company site idTabs is good for a tabbed view of different login-screens…

Leave a reply