Bubbling Library > Examples

YUI Accordion Widget to create Collapsable and Expandable YUI Panels

The accordion widget use the HTML code (DOM structure) to create the accordion's effects, which means that you can use it with some of the YUI Widgets. This example shows how to use the YUI Panel / Dialog with the accordion control, and also creating dependencies between some of the panels.

Panel 1 (Standalone)

Apple accessories help you. Find out more

Panel 2 (Standalone)

Consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.Consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui.

Consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec.

Click here to collapse/expand

Panel 3 (Depending of the Panel 4)

Apple accessories help you. Find out more

Panel 4 (Depending of the Panel 3)

Consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec.

Also we can define the footer element for panels