JQuery effect method

Slide effect

 

<scripttype="text/javascript">

$(document).ready(function() {

$("#hide").click(function() {

$("#content").hide(2000);

});

 

$("#show").click(function() {

$("#content").show(2000);

});

});

</script>

 

<divid="content">Welcome to jquery.</div>

 

<inputid="hide" type="button" value="HIDE" />

<inputid="show" type="button" value="SHOW" />

 

Toggle (= Slide effect)

 

<scripttype="text/javascript">

$(document).ready(function() {

$("#toggle").click(function() {

$("#content").toggle("slow", function() {

alert("done.");

});

});

});

</script>

 

<divid="content">Welcome to jquery.</div>

<inputid="toggle" type="button" value="TOGGLE" />