CORE
NATIVE
TABLE
MAKE
CUSTOMIZE
EFFECTS
effects_base.js
effects_morph.js
effects_fade.js
effects_move.js
effects_extra.js
effects_toggle.js
effects_cycle.js
effects_cycles.js
VIRTUAL BOX
PLUG-IN
effects_toggle.js
Contains the Fx.Toggle Class and the Element toggle method
Contains
Class Fx.Toggle, Class Element
Requires
Summary
Allows to toggle all the properties you want, either integers or strings.
Extends
Fx.Tween
Constructor
new Fx.Toggle (element, options)
Properties
| element | the $(element) to apply the toggle to | |
| options | optional. the Fx options |
Methods
| toggleHeight | toggles the height property | |
| toggleWidth | toggles the width property | |
| toggleOpacity | toggles the opacity property | |
| toggleProperty | toggles a specified CSS property, string or integer, from one value to another | |
| toggle | shortcut to toggle some togglables properties |
top method toggleHeight
toggles the height property
Example
var fx = new Fx.Toggle('element'); fx.toggleHeight();
top method toggleWidth
toggles the width property
Example
var fx = new Fx.Toggle('element'); fx.toggleWidth();
top method toggleOpacity
toggles the opacity property
Example
var fx = new Fx.Toggle('element'); fx.toggleOpacity();
top method toggleDisplay
toggles the display property
Example
var fx = new Fx.Toggle('element'); fx.toggleDisplay();
top method toggleVisibility
toggles the visibility property
Example
var fx = new Fx.Toggle('element'); fx.toggleVisibility();
top method toggleProperty
toggles a specified CSS property, string or integer, from one value to another
Arguments
| property | the property to toggle | |
| from | the start value of the property. It can be different from it real start value | |
| to | the final value of the property | |
| fx | optional. if true the property changes with a transition |
Example
var fx = new Fx.Toggle('element'); fx.toggleProperty('color', 'blue', 'green'); fx.toggleProperty('color', 'blue', 'green', true);
top method toggle
shortcut to toggle some togglables properties
Arguments
| property | the property to toggle |
Example
var fx = new Fx.Toggle('fx'); // toggle height fx.toggle('height'); // toggle width fx.toggle('width'); // toggle opacity fx.toggle('opacity'); // toggle display fx.toggle('display'); // toggle visibility fx.toggle('visibility');
Contains the Element.toggle method
Extends
Class Element
Methods
| toggle | returns an Fx.Toggle instance |
top method toggle
returns an Fx.Toggle instance
Example
$('element').toggle({duration:2000}).toggleProperty('color', '#6666FF', '#000000', true);
Documentation By
Riccardo Degni -
powered by MakeDocs, CMS by RD
The moo.rd documentation is released under the
Creative Commons BY-NC SA License
