Ajax Loader
×

CSS3 Accordion

An accordion created just in CSS3 and HTML. This uses :target pseudo class to select which tabs to open which not to. The tabs i.e. links are given the ids of the content div of the respective tab as their href attribute.

View it in fullscreen to get the result perfectly and use a modern browser as the animation (which is achieved by using transition property) won't work in Internet Explorer 9 and below as they don't support this property yet.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Accordion

    CSSDeck G+