MooTools Checkbox

Css

<style>
#box{display:none}
</style>

Html

<input id=check_box type=checkbox>
<div id=box>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue
feugiat vestibulum. Maecenas vitae nibh nulla, sed ornare eros. Etiam sollicitudin est eu
risus mollis tincidunt. Nam adipiscing accumsan eros, ut vehicula diam consectetur ac.</div>

MooTools

<script type=text/javascript>
window.addEvent(domready, function(){
$(check_box).addEvents({
click: function(){
var ch = $(check_box).get(checked) ? block : none;
$(box).setStyles({display:ch});
}
});
});
</script>

Related Posts

MooTools FormCheck, MooTools Full Screen, MooTools simple tips, Request.HTML MooTools 1.2