<!DOCTYPE html>
<
html
>
<
head
>
<
script
type
=
"text/javascript"
src
=
"./javascript/prototype.js"
>
</
script
>
<
script
type
=
"text/javascript"
src
=
"./javascript/scriptaculous.js?load = effects"
>
</
script
>
<
script
type
=
"text/javascript"
>
function ShowElement(element) {
new Effect.Opacity(element, {
duration: 1.5, from: 0.5, to: 1.0 });
}
function HideElement(element) {
new Effect.Opacity(element, {
duration: 1.5, from: 1.0, to: 0.3 });
}
</
script
>
</
head
>
<
body
>
<
div
onclick
=
"ShowElement('element')"
>
<
Button
>Show Content</
Button
>
</
div
>
<
br
/>
<
div
onclick
=
"HideElement('element')"
>
<
Button
>Fade Content</
Button
>
</
div
>
<
br
/>
<
img
id
=
"element"
src
=
"./gfg.png"
>
</
body
>
</
html
>