//add special effect $("#btn4").click(function () { $("#showBlock").toggle("slow"); }); //add more details effect $("#btn5").click(function () { $("#showBlock").show(1000, function() { alert('Good Job!'); }); });
<body> <!-- add special effect --> <input type="button" id="btn4" value="switchslowBtn"/> <!-- detailed description about the special effect --> <input type="button" id="btn5" value="showBtnEff"/> <!-- Block --> <div id="showBlock" style="display:none;">hi</div> </body>