This page shows how you can change the behavior of a basic SharePoint page control with a little jQuery.
If you look at the Quick Launch, you'll notice that it is collapsed, not showing any of the lists or libraries for the site. The jQuery code (links below) uses the jQuery HoverIntent plugin and provides accordion-like behavior for the Quick Launch. The HoverIntent plugin is useful because it makes sure that you are really hovering over a header rather than just passing the cursor over on your way somewhere else.
Hover over any header to see how this behavior works. Depending on what browser you are using, you'll probably see some flickering as the Quick Launch expands or collapses. This demo is more of a proof of concept, and in a real implementation you'd obviously want to clean that up.
- The QuickLaunchAccordion jQuery is here.
- The jQuery HoverIntent plugin is here. The site for the plugin is here.
- My blog post introducing this is here. Leave a comment there if you have one.