A simple, folding, FAQ section - webSemantics

A bare-bones example of a folding FAQ section. Full article

1. Pre-applying a class of "on" to a DT forces it to show on page load.
A. It is recomended to leave the first question open to provide a hint to the user about the functionality presented.
Please ensure the link colours used are different to standard links too.
The arrow graphic used is embedded in the CSS as a dataURI base 64 image with a back-up png for IEv6 & 7.
2. Will the code handle more than one sibling DD?
A1. Apparently it will. There is no limit to the number of sibling DDs that may be hidden.
Velit aliquet pellentesque vestibulum, mi nisi venenatis ligula, a venenatis purus ipsum nec enim. Curabitur lacinia euismod purus et commodo. Fusce turpis neque, suscipit malesuada aliquet in, commodo ac orci. In commodo, massa sit amet suscipit ultrices, orci arcu porta lacus, non semper arcu tortor at nunc. Pellentesque felis ipsum, suscipit vitae sollicitudin vel, bibendum vel risus. Suspendisse nisi libero, accumsan at dignissim sit amet, euismod et leo. Quisque commodo bibendum urna et adipiscing. Suspendisse et sem ipsum. Duis a nisi lectus. Donec sit amet enim eget est imperdiet lacinia eu at turpis. Etiam eu lorem quis lacus imperdiet rutrum ac eget mi.
A2. Test for 2 DD's. Sed condimentum sodales fermentum. Donec imperdiet pharetra arcu vitae accumsan. Maecenas imperdiet, massa non suscipit tempus, purus eros condimentum mauris, nec dictum tortor quam a neque. Nam interdum tortor in urna vulputate at porttitor turpis faucibus. Aenean non elit lorem, in gravida nisi. Suspendisse et mi mi, quis blandit felis. Integer mollis blandit lorem nec malesuada. Phasellus quis purus nulla. Proin faucibus dolor eget ipsum tincidunt quis congue nunc egestas. Sed eu ante dui, quis ultrices libero. Etiam vitae adipiscing mi. Morbi facilisis fermentum velit.
3. Without a sibling DD the icon space is still reserved but no icon is displayed.
4. Are multiple DL lists on one page supported?
A. Yes. Just add a class of "faq" to the DL if you want it to fold.
All the default class names may be overridden.