Plugin Lighter (Former Selector) - Example - Management your areas (YAHOO-CMS: YAHOO.plugin.Lighter)

These examples will show you how to use the lighter plugin to highlighting areas within the document when the mouse goes into each area.

Simple use of the lighter plugin - simple areas

Use simples CSS rules to modify the look of the active area, including the opacity value...

Using the lighter plugin to define different backgrounds for an area

The important moments can offer a gateway for load or modify certain elements.

Using the lighter plugin to create an slide effect for each area (Deprecated in favor of the new Accordion Widget)

See how to use the important moments (onReset, onSelect) to apply certain behaviors to each area, including animations effects.

Using the lighter plugin to create an accordion control animated (like the apple iPhone website) (Deprecated in favor of the new Accordion Widget)

Learn how to initialize the accordion control (the first element is opened at the beginning), and the last selected item will remain opened too...