Posted in: PHP

Go to Specific Tab on Page Reload or Hyperlink in Bootstrap Using Jquery

Clicking on tab and than on reload we will go to the specific tab always. If we talk about the twitter bootstrap than we will go to the active tab. We search a lot and found this we are putting it here as it will help you also. From many days we were facing this issue with my application and at last we got some help and discovered the script to solve this issue.

We assume that if you are searching for this you already inserted the tabs in your page. So we will just put the query.


var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show');
    window.scrollTo(0, 0);

// Change hash for page-reload
$('.nav-tabs a').on('', function (e) {
    window.location.hash =;
    window.scrollTo(0, 0);

It will create your tab open at reload. Thank you hope you like it if you have any issues than please let us know.

Leave a Reply

Your email address will not be published. Required fields are marked *