jQuery Tutorial – Create A State-Saving jQuery Accordion Menu Without Reloading the Page

After finding jQuery, I fell in love with it’s ease of use and relatively small code footprint. When I set out to create this site, I wanted something that: used the entire page, scaled well, looked nice, degraded gracefully and was SEO friendly. What I found was jQuery’s accordion menu. You may recognize the second example (#list1b) as a smaller version of my Portfolio; however, I wanted to tweak it (of course) and make it so each section housed my page copy and could be bookmarked and re-accessed without having to re-click on that section. I also completely re-styled the menu with a CSS file but that is beyond this tutorial.


Create this stylish and tactful State-Saving jQuery Accordion Menu using jQuery.
Web Site
Demo
Download