Turn tabs into accordion style for mobile
I have a tabbing system which I've used for some time now (works good), I'm trying to modify this now so it works better on mobile.
I've created a testing area - http://jsfiddle.net/88zaS/3/
If you minimise your screen you'll see the tabs expand full width.
My problem is, instead of the content now showing at the bottom of the tabs, I'd like the content to show underneath/inside the tabs like a general accordion does, though only for the mobile breakpoint.
Will I need to make changes to the markup?
Is this a simple fix with the JS?
Any guidance appreciated thanks.