<div id="box1" style="width: 100px; height: 100px; background-color: orange"></div> <form> <input type="button" id="btn_fadeIn" value=".fadeIn()"> <input type="button" id="btn_fadeOut" value=".fadeOut()"> </form>

$("#btn_fadeIn").on("click", function () { $("#box1").fadeIn(1000); }); $("#btn_fadeOut").on("click", function () { $("#box1").fadeOut("fast"); });