Striped tabs not adding active class


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>   

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 !!



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