This tutorial will show you how to use jQuery to create tabs that can
be added and removed dynamically. Although the example looks
bulletproof, there are some questions I will raise about how to use tabs
and in which context should they be used in order to make them
meaningful and usable.
View demo
When we talk about tabs on web we usually think about tabs used for navigation. However, in this case I'd like to use them in a different context. I want to use them for showing different entities on the same page. By entities I mean anything from plain text to web forms. Actually, I will try to simulate tabs as seen in browsers. Well, at least to some extent. Take Google docs for example, instead of opening each document in a new window (or browser tab), you could open them in page tabs.
Refere following link for more details
http://www.jankoatwarpspeed.com/post/2010/01/26/dynamic-tabs-jquery.aspx
View demo
When we talk about tabs on web we usually think about tabs used for navigation. However, in this case I'd like to use them in a different context. I want to use them for showing different entities on the same page. By entities I mean anything from plain text to web forms. Actually, I will try to simulate tabs as seen in browsers. Well, at least to some extent. Take Google docs for example, instead of opening each document in a new window (or browser tab), you could open them in page tabs.
Refere following link for more details
http://www.jankoatwarpspeed.com/post/2010/01/26/dynamic-tabs-jquery.aspx