How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?

by

Applying a selector from the .nav-tabs seems to be working

HTML is

<ul class="nav nav-tabs">
    <li><a href="#aaa" data-toggle="tab">AAA</a></li>
    <li><a href="#bbb" data-toggle="tab">BBB</a></li>
    <li><a href="#ccc" data-toggle="tab">CCC</a></li>
</ul>
<div class="tab-content" id="tabs">
    <div class="tab-pane" id="aaa">...Content...</div>
    <div class="tab-pane" id="bbb">...Content...</div>
    <div class="tab-pane" id="ccc">...Content...</div>
</div>

Script is 

$(document).ready(function(){
  activaTab('aaa');
});

function activaTab(tab){
  $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

http://jsfiddle.net/pThn6/80/

More Related Contents:

  1. Changing nav-bar color after scrolling?
  2. How to create a responsive image that also scales up in Bootstrap 3
  3. Bootstrap Dropdown with Hover
  4. How to resize Twitter Bootstrap modal dynamically based on the content
  5. Bootstrap Dropdown menu is not working
  6. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  7. Input type="text" with select functionality after clicking on Input type="text"
  8. My code dont works but I don't know why [closed]
  9. How to force browser to show image 3 inches wide?
  10. How to change css of a div with a certain id when hovering over a certain element anywhere in the whole webpage?
  11. Pure JavaScript toggle for select / deselect all checkboxes [duplicate]
  12. Can I use HTML tags in the options for select elements? [duplicate]
  13. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  14. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  15. width/height after transform
  16. Save a pre element as PDF with CSS
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. Load HTML page dynamically into div with jQuery
  19. jQuery position DIV fixed at top on scroll
  20. Trees in Twitter Bootstrap [closed]
  21. Bootstrap modal: background jumps to top on toggle
  22. How to define the css :hover state in a jQuery selector?
  23. Fill available spaces between labels with dots or hyphens
  24. Uncaught TypeError: Cannot read property ‘top’ of undefined
  25. The data-toggle attributes in Twitter Bootstrap
  26. Extracting text from a contentEditable div
  27. Print repeating Page headers in Chrome [closed]
  28. Retain scrollbar position even after reloading using javascript
  29. Detect if dropdown navigation would go off screen and reposition it
  30. Iframe inherit from parent

Leave a Comment