JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div class="menu_btn"></div>
<br>
<div class="menu_btn button1"></div>
<br>
<div class="menu_btn button2"></div>
<br>

CSS

.menu_btn {
    width: 44px;
    height: 44px;
    background: url(http://www.w3schools.com/css/img_navsprites.gif) 0 0;
}
.hover {
    background-position: -46px 0;
}

JavaScript

$('.menu_btn').hover(function () {
    $(this).addClass('hover');
}, function () {
    $(this).removeClass('hover');
});