jquery to jquery coffeescript hover handling?

Question

JavaScript

I do a background change when the cursor is not on the element, in pure jquery it looks like this:

$("li").hover(<br>
  // При наведении курсора<br>
  function () {<br>
    $("i",this).css("background-image", "url(assets/blue-icon.png)");<br>
  },<br>
  // При убирании курсора<br>
  function () {<br>
    $("i",this).css("background-image", "url(assets/white-icon.png)");<br>
  }<br>
);<br>

using coffeescript, I process hover like this:

$("li").hover -><br>
  $("i",this).css("background-image", "url(assets/blue-icon.png)")<br>

how to handle the second part of the action when the cursor is removed?

Answer 1

$("li").hover (
-> $("i", @).css "background-image", "url(assets/blue-icon.png)"
-> $("i", @). css "background-image", "url(assets/white-icon.png)"
)
and js2coffee.org/

Answer 2

In jQuery it's better like this:

$(document).ready(function(){
 $("li").mouseenter(function(){
      $( i,this).css({"background-image": "url(assets/blue-icon.png)"});
    }).mouseleave(function(){
      $( i,this).css({"background-image": "url(assets/white-icon.png)"});
    });
});

Hover - shakes when hovering on the edges

Answer 3

.