Adds tab content behaviour with associated ARIA roles and hints.
modified CSS very basicly
modified JS to read better and to auto-initialize elements with data-directive for tabs
modified CSS to enforce more semantic DOM structure
Adds expandable content behaviour to the element with associated accessibility hints.
Original work by maketea.co.uk
Changes
CSS code cleaned
CSS Selectors made more specific
CSS ditched rules for closed state as not open should === closed IMHO
CSS After modified to > with rotation
CSS animations added
CSS removed body tag styling
CSS TODO: separate core from app-specific logic
JS modified to be self-initiated
JS style display none removed
comments added