Trying to convert JQuery to Mootools - show hide using mouseenter and mouseleave

Question

I am trying to port the code below to mootools 1.1 code but am having no luck

jQuery(document).ready(
function(){
    jQuery("div#fpss-nav_activator").bind("mouseenter",function(){
    jQuery("div#navi-outer").stop(true, true).show("slow");
    }).bind("mouseleave",function(){
    jQuery("div#navi-outer").stop(true, true).hide("slow");
    });
});

Answer 1

Here you go:

window.addReady('domready', function() {
  var navi = $("navi-outer");
  $("fpss-nav_activator").addEvent('mouseenter', function() {
    navi.slide('in');
  }).addEvent('mouseleave', function() {
    navi.slide('out');
  });
});