Sometimes using tabs just makes a lot of sense. For instance, if you have a limited amount of screen real estate, tabs can allow you to save room by giving the user a way to toggle between several items in a small space. And to take your tabs a step further, you can throw jQuery into the mix for some nice transition and animation effects. If you’ve yet to build a tab navigation with jQuery, here are 11 tutorials and plugins to help you get going.
A tutorial and plugin for creating an animated tabbed area.
In this tutorials you’ll learn how to create an AJAX-powered tab page with CSS3 and jQuery.
This tutorials teaches you how to build a dynamic tabbed blogroll with some fun jQuery animations.
This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.
This tutorial teaches you how to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.
This tutorial teaches you how to easily create a tabbed interface using the Tabs function in the jQuery UI library.
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.
idTabs is a plugin for jQuery that makes adding tabs into a website super simple. But it can also open the door to endless possiblities.
Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.