어린왕자와 여우

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" />