using twitter bootstrap with tabbed - ajax content

Question

so i understand bootstrap doesnt have default support for ajax called content for tabs, as jQuery UI does. i have managed with the helps of other questions here, to come up with the following solution, that kind of works: ```

tab 1 content

tab 2 content

tab 3 content

``` JS: ```

Accepted Answer

Removing the 'active' class, and then applying it to the specific tab-pane seems to work.

```
$('.tab-pane').removeClass('active');
$('#tab' + itemNumber).addClass('active');
```

JSFiddle

Using `load()` in your JSFiddle example also works as expected in my example.

JSFiddle

Regarding dynamically creating the pane, your conditional test works for me, although it could be simplified:

```
if (!$('#tab' + itemNumber).length) { /* create new tab */ }
```

A simple test seemed to work fine:

```
for (var i = 0; i < 6; i++) {
  console.log("#tab" + i + " found: " + !!$('#tab' + i).length);
}

// #tab0 found: false
// #tab1 found: true
// #tab2 found: true
// #tab3 found: true
// #tab4 found: true
// #tab5 found: false
```

JSFiddle

using twitter bootstrap with tabbed - ajax content

Solution

Problem