Beste,

Ik heb een klein probleempje betreft deze pagina: http://www.hatsa.nl/cad/prijzen.html

De prijzen in het rechter blok hebben de mogelijk om te switchen van jaarlijks naar maandelijks, dit gaat goed, maar zodra je op een andere tabblad klikt ( even en paar keer switchen) dan is het niet meer mogelijk.

Wij denken dat dit het probleem is:

Het uiteindelijke probleem is dat de class 'active' in de 3 tab-div 'fh5co-tab-content tab-content active' niet wordt weggehaald als je op een andere tab klinkt. Hierdoor blijven alle 3 tabs dus actief. En dan is dus de 3e tab altijd diegene boven op (ook al zet je visible: hidden) maar wordt het alleen niet getoond (visible).

maar heb geen idee hoe dit op te lossen is.

Hoop dat jullie misschien mij kunnen helpen hiermee,

Alvast onwijs bedankt!

gr,
chris

Je moet hiervoor geen hidden/visible gebruiken maar display:none / display:block.
Bij jouw voorbeeld kun je 10px onder de dropdown klikken en dan doet hij het wel, dit komt door dat hij niet weg is gehaald maar onzichtbaar is gezet.

Wat ik zou doen is dit hele ding er uit halen en de code letterlijk kopiëren van bootstrap, daar zie je ook het gebruikt van display:none
http://getbootstrap.com/javascript/#tabs

Hoi Daniel,

Inderdaad! Heb het gelijk gedaan en het werkt super.
Super thanx!

gr,
chris

Geen probleem ✌