Which can be backported to jQuery

$(‘document’).ready(function(){
$(‘.commentBox’).bind(‘mouseenter mouseleave’,function(){
$(this).find(‘.commentDate’).css({‘display’ : ‘inline’});
},’mouseleave’,function(){
$(this).find(‘.commentDate’).css({‘display’ : ‘none’});
})
});

It’s not because jQuery has shortcuts that you must use them.

window.addEvent(‘domready’, function(){
$(document.body).getElements(‘.commentBox’).addEvents({
‘mouseenter’: function(){
this.getElement(‘.commentDate’).setStyle(‘display’,'inline’);
},
‘mouseleave’: function(){
this.getElement(‘.commentDate’).setStyle(‘display’,'none’);
}
})
});

$(document).ready(function() {

$(“.commentBox”).hover(
function() { $(this).find(“.commentDate”).css({‘display’ : ‘inline’}); },
function() { $(this).find(“.commentDate”).css({‘display’ : ‘none’}); }
);

});

I implement this for Dojo based on the same “wow, why do people get so excited about an API that already exists” … but I changed the .hover() API some:

hover: function(over, out){
return this.onmouseenter(over).onmouseleave(out || over);
}

allowing you to do one function for both states:

dojo.query(“.blah”).hover(function(e){
// is e.type mouseover or mouseleave ? decide
});

Though I put it in my “mini lib” plugd:

http://code.google.com/p/plugd/

I even submitted a patch to jquery because I think the single function use makes sense and is even more ‘rockstar’ than two inline functions:

http://dev.jquery.com/ticket/3498

Regards,
Peter Higgins

My only comment is that it should return “this” for chaining:

Element.implement({
‘hover’: function(fn1,fn2) {
return this.addEvents({
‘mouseenter’: function(e) {
fn1.attempt(e,this);
},
‘mouseleave’: function(e) {
fn2.attempt(e,this);
}
})
}
});

el.mouseover(fn)
.mouseout(fn2);