Link to Jquery Tab does not work

I am working on a L5 project and i am using a Jquery tab for one of its pages. I have a little menu for reaching tab contents without clicking just 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 my tab is

<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 i clik to menu links i cant reach to necessary tab link changes in the browser but does not redirect to tab also when i click to tabs content changes but links do not change. Anybody knows what am i doing wrong ?


Source: jquery

Leave a Reply