CODEWITHSUNDEEP
asp.netjquerytabs
Martin Ongtangco
Martin Ongtangco

Reputation:

how do you create a dynamic tabs using jquery?

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

Upvotes: 4

Views: 11304

Answers (4)

rajesh pillai
rajesh pillai

Reputation: 8128

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

Upvotes: 2

Mythica
Mythica

Reputation: 1122

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

Upvotes: 0

AutomatedTester
AutomatedTester

Reputation: 22438

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

Upvotes: 0

Emre Erkan
Emre Erkan

Reputation: 8482

You can use jQuery Tabs 3 Plugin.

Upvotes: 0

Related Questions