Bootstrap Panel Tabs reset on postback problem Asp.Net (vb)

Hi

I have some panel tabs  which keeps defaulting back to the default Active tab on a postback.

In the example code below if I navigate to the tab   #upClaim    once I perform a postback in the gridview the page reloads and the active tab goes back to the default one which is #iqadetail

U've tried wrapping this up in an update panel but it still does not work.

Can I set the active index on the panel tabs programmatically?

<section class="panel" runat="server" id="iqadetailtoggle">
                <header class="panel-heading tab-bg-dark-navy-blue ">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#iqadetail">IQA Detail</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#spsomthing">Somthing</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#gcomments">Grading & Comments</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#sstrategy">Sample Strategy</a>
                        </li>

                             <li class="">
                            <a data-toggle="tab" href="#upClaim">Claim Information</a>
                        </li>

                    </ul>
                </header>
                <div class="panel-body">
                    <div class="tab-content">
                             <div id="iqadetail" class="tab-pane"></div>
                        <div id="spsomthing" class="tab-pane"></div>
                        <div id="gcomments" class="tab-pane">    </div>
                        <div id="sstrategy" class="tab-pane"></div>
<div id="upClaim" class="tab-pane">   Gridview with postback here     </div>
                    </div>
                </div>
            </section>

Select allOpen in new window