Striped tabs not adding active class


#1

I’ve created some striped tabs as per the example on Ionic Docs page…

my code…

  <div class="tabs-striped tabs-top tabs-background-assertive">
       <div class="tabs">
           <a class="tab-item active" href="#/order/a">Order Details</a>
           <a class="tab-item" href="#/order/b">Order History</a>
           <a class="tab-item" href="#/order/c">Delivery FAQs</a>   
      </div>
    </div>

It displays just fine.
When I click on the other ( inactive ) tabs the active class is shown for a second and then
it disappears and the active class remains JUST on the original tab i.e. Order Details
(using my above example)

Please can somebody suggest what I am missing.
Do I need JS to tell it to remove the active class from wherever it currently is and add it to the tab I just clicked ?

I seem to be missing something but can’t figure out what !!

Thank you so much for reading this, any help is appreciated !!

Steve


#2

Could you provide about app.js script for your striped tabs?