how do you create a dynamic tabs using jquery?

Question

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

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

Answer 2

您可以使用jQuery Tabs 3 Plugin 。

Answer 3

您可以在http://docs.jquery.com/UI/Tabs使用jQuery Tabs元素

Answer 4

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).