Twitter Bootstrap Tabs URL doesn't change

For example, Twitter Bootstrap Tabs URL doesn't change...

Demo

Add Panel
Edit Panel
Delete Panel


HTML

<ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#tabAdd">Add</a></li>
        <li><a data-toggle="tab" href="#tabEdit" >Edit</a></li>
        <li><a data-toggle="tab" href="#tabDelete" >Delete</a></li>
</ul>
<div class="tab-content">
        <div class="tab-pane" id="tabAdd">Add Panel</div>
        <div class="tab-pane" id="tabEdit">Edit Panel</div>
        <div class="tab-pane" id="tabDelete">Delete Panel</div>
</div>

Jquery

$(function(){
        var hash = window.location.hash;
        hash && $('ul.nav a[href="' + hash + '"]').tab('show');
        
        $('.nav-tabs a').click(function (e) {
                $(this).tab('show');
                var scrollurl = $('body').scrollTop() || $('html').scrollTop();
                window.location.hash = this.hash;
                $('html,body').scrollTop(scrollurl);
        });
});

Copyright 2016 by WebiBeris.com. All Rights Reserved.