Practical WordPress Development

Collapsible Menus For jQuery

Collapsible Menus is a jQuery plugin that makes it easy to create a collapsible menu using nested, unordered lists.

Collapsible Menus for jQuery offers the following features:

  • The ability to convert any level of nested, unordered lists into collapsible menus
  • Collapse all menus on page load, or leave all menus expanded
  • Toggle menus with a slide effect, a fade effect, or no effect at all
  • Class names provided for easily styling menus via CSS
  • Supports multiple menus per page

You can view the instructions, more information, and a couple of demos on the project’s homepage and you can grab the source code, README, as well as the demo page itself on GitHub.


  1. Matt

    Nice plugin Tom, just what i was looking for yesterday for a nice new UI im working on x

    • Tom McFarlin

      Awesome! If you end up using it, feel free to submit any issues to GitHub. Would love to keep this thing as simple as I can while still making it designer-friendly.

      • Marceli

        Nice plugin, thanks Tom! I’m going to use it on my personal site. About improvements – closing others sections when one is open. That would be great!

        • Tom McFarlin

          I’ll make a note. I’ve a long backlog of a few other projects but I’ll do what I can – if you don’t mind, feel free to open an issue on the GitHub page so I can track it!

          If you don’t have a GitHub account, let me know and I can create the issue myself :).

Leave a Reply

© 2020 Tom McFarlin

Theme by Anders NorenUp ↑