0

I am using jquery for tabs. I want to stay on same tab after page reloading. I have used different solutions for that but cannot get result. Below is my HTML code of tabs.

<div style="margin: 0px;" class="ui-slider-tabs-list-container">
    <ul class="ui-slider-tabs-list">
        <li class="selected" style="height: 32px;"><a style="height: 32px;" href="#frontprodesc">Tab 1</a></li>
        <li style="height: 32px;"><a style="height: 32px;" href="#frontproprop">Tab 2</a></li>
        <li style="height: 32px;"><a style="height: 32px;" href="#frontproimages">Tab 3</a></li>
        <li style="height: 32px;"><a style="height: 32px;" href="#frontproapproval">Tab 4</a></li>
    </ul>
</div>

And here is the tab content code

<div class="ui-slider-tabs-content-container">
   <div class="ui-slider-tab-content selected" id="frontprodesc">Tab 1 Content</div>
   <div class="ui-slider-tab-content" id="frontproprop">Tab 2 Content</div>
   <div class="ui-slider-tab-content" id="frontproimages">Tab 3 Content</div>
   <div class="ui-slider-tab-content" id="frontproapproval">Tab 4 Content</div>
</div>

0 Answers0