Extends the Element native object with some basic shortcuts (like .hide and .show).

• Online Tutorial/Demo

Returns the state of the display of the element.

myElement.isDisplayed();

• (boolean) true = visible, false = not visible.

Toggles the state of an element from hidden (display = none) to visible (display = what it was previously or else display = block)

myElement.toggle();

• (element) This Element.

Hides an element (display = none).

myElement.hide(); //same as $(id).setStyle('display', 'none');

• (element) This Element.

Shows an element.

myElement.show(displayString);

1. displayString - (string) Display value; defaults to what it was previously if Element:hide was called on the element, otherwise defaults to "block".

• (element) This Element.

$(id).show(); //same as $(id).setStyle('display', 'block');
$(id).show('inline'); //same as $(id).setStyle('display','inline');

Adds one class and removes the other. If the one to remove is not found the one to add is still added.

myElement.swapClass(addClass, removeClass);

1. addClass - (string) the css class to add.
2. removeClass - (string) the css class to remove.

• (element) This Element.

$(id).swapClass('green', 'blue'); //adds green, removes blue