jQuery Twitter Bootstrap Tab select

Question

I've been looking around the net and tried many examples but can't figure out why I can't show a specific tab thru jQuery. This is my tab html: ```

Cart

Content data

Content pay

``` I tried a switch and the alert show up good, but doesn't activate the correct tab: ``` $('#cart-goon-btn').click(function(e){ e.preventDefault(); if(!$(this).attr('disabled')){ var current_tab = $('.tab-pane.active').attr('id'); switch(current_tab){ case 'cart-tab': $('#cartTabs li a').eq(…

Accepted Answer

Instead of calling `.tab('show')` on the `div` you want to be visible, try doing it on the `a` element that you would use to activate it:

```
$('a[href="#cart-data-tab"]').tab('show');
```

Or probably better yet, just do it by id:

```
$('#cart-data-btn').tab('show');
```

jQuery Twitter Bootstrap Tab select

Solution

Problem