JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://mootools.net/download/get/mootools-core-1.4.5-full-nocompat.js"></script>
<p>
<strong>Basic: </strong>
<a href="javascript:$('blove').show1();">Show</a> | <a href="javascript:$('blove').hidee1();">Hide</a><br />
<img src="http://www.nasa.gov/images/content/711374main_grail20121205_4x3_800-600.jpg" id="blove" />
<script>javascript:$('blove').hidee1();</script>
</p>
JavaScript
window.addEvent('load', function() {
//time to implement basic show / hide
Element.implement({
//implement show
show1: function() {
this.setStyle('display','');
},
//implement hide
hidee1: function() {
this.setStyle('display','none');
}
});
});