Mootools overlay fade in

Question

Hi how do you make a div fade in nicely in mootools?

var el = $$('div.img_wrapper');

el.addEvents({
    mouseenter: function(){
        fade in div
    },
    mouseleave: function(){
        fade out div
    }
});

Answer 1

mouseenter: function(){
  this.fade('in');
}, 

//this can't be zero or the mouseenter won't fire
mouseleave: function(){
  this.fade(.001);   
}