I’ve loved using jQuery and jQuery UI on my current project. They work, on all browsers, and they make things simple. They are powerful and extensible – great tools. However, one thing that has really annoyed me is the jQuery UI accordion. They have this snippet in their documentation:
NOTE: If you want multiple sections open at once, don’t use an accordion
This drives me nuts! If you have to write a note about something that the control doesn’t do, bolded and in a larger font size in the documentation, because lots of people want to do that, or are asking for it, the control should probably perform that function.
This is exactly what I wanted to try out for one of our UI prototypes. Usually, we wanted one section open at a time (the accordion behavior), but sometimes we want to see all 5 sections (say for printing or so you don’t have to remember the first section when looking at the last section.
I found this excellent example of how to hack the jQuery UI accordion to allow multiple sections to be expanded at the same time: http://jsbin.com/eqape.