how do you create a dynamic tabs using jquery?

Question

Hi, i'm new to jquery and I like to know how to do the following:

1) Dynamically create tabs with iFrame inside

2) ability to remove tabs on the fly without postback

3) tabs are unlimited and can shrink depending on the length of the browser

Sorry if this may be too much to ask, but i'd like to learn how to do this. A perfect example of what I'm trying to achieve is the tabs present in the new Yahoo mail UI. When the user selects a mail entry, a new tab will be generated on the fly.

Thank you

Answer 1

You can use jQuery Tabs 3 Plugin.

Answer 2

You can use the jQuery Tabs element at http://docs.jquery.com/UI/Tabs

Answer 3

The jQuery tabs plugin can be used. You will not lose the state on the other tabs, because they aren't removed, but simply hidden (display: none).

Answer 4

how to Dynamically create tabs with iFrame inside?

Answer 5

Try this example.. This creates tabs dynamically the way you probably wanted.

Dynamically adding jQuery Tabs

Here's a quick working demo.. Dynamic TAB Demo