How to make a category menu using jQuery UI’s Accordion and pure HTML.

Today I’ll show you how to make a nested category navigation menu.

It’s very lightweight and looks something like this:

We’re going to use jQuery UI’s Accordion widget to make the categories collapse and expand when necessary and we’ll use some clever javascript and HTML markup to make the menu look useful. To see the nested category menu example, follow the link at the end of this post to go to the JSFiddle example.