<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>Explode Example</
title
>
<
script
type
=
"text/javascript"
src
=
</
script
>
<
script
type
=
"text/javascript"
src
=
</
script
>
<
script
type
=
"text/javascript"
language
=
"javascript"
>
$(document).ready(function() {
$("#hide").click(function(){
$(".target").hide( "explode", {pieces: 9 }, 2000 );
});
$("#show").click(function(){
$(".target").show( "explode", {pieces: 9}, 2000 );
});
});
</
script
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
p
style
=
"font-size: 20px; font-weight: bold;"
>
Click on any of the buttons
</
p
>
<
button
id
=
"hide"
> Hide </
button
>
<
button
id
=
"show"
> Show</
button
>
<
br
><
br
>
<
div
class
=
"target"
style="width:100px;height:100px;
background:#0f9d58;margin:0 auto;">
</
div
>
</
body
>
</
html
>