JSFiddle - React, Tailwind, and code Playground

by LĂ©o Durand

HTML

<div id="menu">
  <div class="menuItem"><a href=#>Bla</a></div>
  <div class="menuItem"><a href=#>Bla</a></div>
  <div class="menuItem"><a href=#>Bla</a></div>
</div>

CSS

.menuItem {
  display: inline;
  height: 30px;
  width: 100px;
  background-color: #000;
}

JavaScript

$(function() {
  $('.menuItem').hover(function() {
      $(this).css('background-color', '#F00');
    },
    function() {
      $(this).css('background-color', '#000');
    });
});