Bubbling Library > Examples

Accordion Panels using the YUI Panel Skin

The accordion is very flexible in terms of markup. Basically you can accomodate the accordion's classes to any HTML markup. In this example we use the YUI Panel Skin to create the accordion's items.

Configuration: multiple, fadeIn/Out

Accessories

iPhone accessories
Apple accessories help you. Find out more

   
Photos

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.

Also we can define the footer element for panels
   
360 View

iPhone with earbuds
Want to take iPhone for a spin? Watch this

   
Panel Label 1

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.

   
Panel Label 2

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.

   
TV Ads

iPhone w/ earbuds
iPhone shows what it can do in these TV commercials. View video

More links here