Started

Selectors

Utilities

Animation

AJAX

CSS

Event

Manipulation

Cookie

String

Attributes

Data

Storage

Miscellaneous

$fadeout

Animatie the element`s opacity from visible to invisible
$fadeout( element [, duration] [, callback] )
  1. element [object]
    The element will be faded out.
  2. duration (optional) [number]
    The duration of animation in milliseconds.
  3. callback (optional) [function]
    The callback function will be fired after the animation is completed.

Notes

This is the most common animation to hide element with better visual effects.

Example

HTML code
<button onclick="start_fadeout()">start fadeout</button>
<div id="box">This is a box</div>
CSS code
#box {
	width: 200px;
	height: 60px;
	font-size: 12px;
	background: #5599bb;
	padding: 10px;
}
JavaScript code
function start_fadeout()
{
	$fadeout($("box"));
}
Demonstration
This is a box