accordion

Nested Accordion

By Mary Lou on

A simple, nestable accordion with some examples of nesting levels and a media query. ...

Image Accordion with CSS3

By Ring Wang on

In this tutorial we will create an image accordion that will expand an item on click. Using the sibling combinators and a nested structure we can control the opening ...

Accordion with CSS3

By Mary Lou on

Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. ...

Flexible Slide-to-top Accordion

By Mary Lou on

In today's tutorial we'll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. ...

Collective: zAccordion jQuery plugin

on

“A while back I did a project that required a horizontal accordion. I eventually found a plugin, but really wasn’t happy with the results. The setup was ...