====== Fx.Elements ====== Here is the [[http://docs.mootools.net/Plugins/Fx/Fx.Elements|documentation for Fx.Elements.js]]. //Fx.Elements// allows you to apply any number of styles transitions to a selection of elements. Includes colors (must be in hex format). This Class is often implemented into others. For example, the //Accordion// effect applies numerous transition changes to numerous elements at once. Here's a simple example: Here are three divs for this example:
var myElementsEffects = new Fx.Elements($$('div.exampleBar')); myElementsEffects.start({ '0': { /* let's change the first element's opacity and width */ 'opacity': [0,1], 'width': [100,200] }, '1': { /* and the second one's opacity */ 'opacity': [0.2, 0.5] }, '2': { /* and the third's height */ 'height': 40 /* from whatever it's at now to 40 */ } });