javascript - Link to Jquery Tab does not work -

i working on l5 project , using jquery tab 1 of pages. have little menu reaching tab contents without clicking tabs.

<div id="aracislem" class="panel-collapse collapse">     <div class="panel-body">         <ul>             <li><a href="http://localhost/pages/aracislemler#aracaramatab">araç arama </a></li>             <li><a href="http://localhost/pages/aracislemler#arackayittab">araç kayıt </a></li>             <li><a href="http://localhost/pages/aracislemler#istatistiktab">İstatistik </a></li>             <li><a href="http://localhost/pages/aracislemler#aractakiptab">araç takibi </a></li>         </ul>     </div> </div> 

any tab

<script type="text/javascript">     $(document).ready(function () {         $('#tab-container').tabs({             active: $.cookie('activetab'),             activate: function (event, ui) {                 $.cookie('activetab', ui.newtab.index(), {                     expires: 10                 });             }         });     }); </script>  <div id="tab-container" class='tab-container'>     <ul>         <li class='tab'><a href="#aracaramatab">araç arama</a></li>         <li class='tab'><a href="#arackayittab">araç kayıt</a></li>         <li class='tab'><a href="#istatistiktab">İstatistik</a></li>         <li class='tab'><a href="#aractakiptab">araç takip</a></li>     </ul>     <div class='panel-container'>         <div id="aracaramatab">             araç arama         </div>         <div id="arackayittab">             araç kayıt         </div>         <div id="istatistiktab">             İstatistik         </div>         <div id="aractakiptab">             araç takip         </div>     </div> </div> 

when clik menu links cant reach necessary tab, link changes in browser not redirect tab when click tabs, content changes links not change. knows doing wrong ?

check demo : http://jsfiddle.net/yeyene/mktgnp3e/1/

your problem when click link , after going link (it redirect different page?), want active tab, right?

so url first, hash, active tab step.

jquery

$(document).ready(function () {     $("#tab-container").tabs({});      // testing purpose     var url = "http://localhost/pages/aracislemler#arackayittab";      // use script getting url     //var url = window.location.href;     var hash = url.substring(url.indexof('#'));      // trigger click tab url hash name     $('#tab-container a[href='+hash+']').trigger('click'); }); 

*use line var url = window.location.href; app, take out current url getting test variable.