Multi-Level Accordion Menu

A simple CSS accordion menu with support for sub level items.

Today’s resource is a handy accordion menu with support for groups/subitems. It works with CSS only, using the :checked pseudo-class selector on the checkboxes input elements. However we included a version with jQuery as well, in case you prefer a subtle animation compared to the instant default effect. Your call!

The first user case I can think of for this resources is a “layer organizer”. Think of Sublime Text sidebar, or Photoshop layer window. Anyway, I’m sure you’ll find a use for this new snippet to store in your arsenal 😉

One thought on “Multi-Level Accordion Menu”

  1. So if you can work, want to, evetryhing is all good but you’re a student and therefore fit in a social cliché that can only work 20 hours a week according to UK laws and therefore no one wants you, then what?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.