<button id="fadeOutButton">Fade block out</button>
<button id="fadeInButton">Fade block in</button>
<div id="fadeTarget" class="red-block">
A red block
</div>
<script>
dojo.ready(function(){
var fadeOutButton = dojo.byId("fadeOutButton"),
fadeInButton = dojo.byId("fadeInButton"),
fadeTarget = dojo.byId("fadeTarget");
dojo.connect(fadeOutButton, "onclick", function(evt){
dojo.fadeOut({ node: fadeTarget }).play();
});
dojo.connect(fadeInButton, "onclick", function(evt){
dojo.fadeIn({ node: fadeTarget }).play();
});
});
</script>
07-22
07-22
07-22
07-22
07-22