The main thing to notice here are the id example1, and the classes
accordion, handle, panel, and loading.

The accordion class is used by the accordion.core.css file to apply some
reset styles and some common styles required on accordions. Feel free to dump
this file and add your own reset and common styles in the stylesheet of your
choice.

The handle class designates the click area for our accordion, and the panel
class designates the area that will collapse. Each handle and panel set is
enclosed within an li, and this is how the accordion script detects a
relationship between a handle and a panel.

The loading class applies styles to hide the panels during load, to avoid
a flash of unstyled content. The accordion script will automatically remove
this class during initialisation.

Define your own styles

Handles collapse panels; this is pretty much all there is to it. There are no
limits on the way you can style the accordion once you understand this simple
fact.