JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="fruit">  
  <li>Apple</li>  
  <li>Banana</li>  
  <li>Grape</li>  
  <li>Strawberry</li>  
  <li>Pear</li>  
  <li>Peach</li>  
</ul>

CSS

li {
display:block;
}

JavaScript

$('ul li').addEvents({
    click: function() {
        // do something
        alert('click');
    },
    mouseenter: function() {
        // do stuff a bit better than mouseover
        alert('mouseenter');
    },
    mouseleave: function() {
        // do stuff a bit better than mouseout
        alert('mouseleave');
    }
});