Qatrix

$show

1. element [object]

   The target element.

2. duration (optional) [number]

   The duration of display animation in milliseconds.

3. callback (optional) [function]

   The callback function will be fired after the display animation is completed.

Notes

This most common function to display a or a group of element by setting their display value to block.

Example

HTML code

<div id="box1" class="box">This is  box 1</div>
<div id="box2" class="box">This is  box 2</div>
<div id="box3" class="box">This is  box 3</div>
<div id="box4" class="box">This is  box 4</div>
<button onclick="start_show()">Show all box</button>

CSS code

.box {
	width: 200px;
	height: 60px;
	font-size: 12px;
	background: #5599bb;
	padding: 10px;
	display: none; 
	margin: 10px 0;
}

JavaScript code

function start_show()
{
	$show($("box1"));
	
	$show([
		$("box2"),
		$("box3"),
		$("box4")
	], 500);
}

Demonstration