<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div ></div>
<input type="button" value="fadeIn">
<input type="button" value="fadeout">
<input type="button" value="fadetoggle">
<input type="button" value="fadeto">
<script src="jquery-2.1.4.min.js"></script>
<script>
$("#In").click(function () {
$("div").fadeIn(2000);
})
$("#out").click(function () {
$("div").fadeOut(1000);
})
$("#toggle").click(function () {
$("div").fadeToggle(1000);
});
$("#fadeto").click(function () {
$("div").fadeTo(1000,0.9);
});
</script>
</body>
</html>