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