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

Solution

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