Code that makes it possible to link directly to a nested (Bootstrap) tab. Also, see http://stackoverflow.com/questions/7862233/twitter-bootstrap-tabs-go-to-specific-tab-on-page-reload

handle_tab_links.js

function handleTabLinks() {
  var hash = window.location.href.split("#")[1];
  if (hash !== undefined) {
    var hpieces = hash.split("/");
    for (var i=0;i<hpieces.length;i++) {
      var domelid = hpieces[i];
      var domitem = $('a[href=#' + domelid + '][data-toggle=tab]');
      if (domitem.length > 0) {
        if (i+1 == hpieces.length) {
          // last piece
          setTimeout(function() {
            // Highly unclear why this code needs to be inside a timeout call.
            // Possibly due to the fact that the first ?.tag('show') call needs
            // to have it's animation finishing before the next call is being
            // made.
            domitem.tab('show');
          },
          // This magic timeout is based on trial and error. I bumped it
          // partially to catch the visitor's attention.
          1000);
        } else {
          domitem.tab('show');
        }
      }
    }
  }
}

jQuery.ready(function() {
  handleTabLinks();
}

Hmm, so let me ask you, how would I get this working inside my rails app. Say I save this JS file in my app/assets/javascripts directory. Would I then be able to simply type "http://localhost:3000/profiles/4/edit#tab_two"
and land on the requested page with the tab_two appearing?

@thefonso I just stumbled across your comment. Seems I did not get a notification for this.

I don't know Ruby on Rails, but if putting my file in the asset folder automatically adds a <script ...> tag, it should work.

I just want to ask regarding what if the links is from other page then it will trigger the specific tab with tab content