JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://kyleschaeffer.com/wordpress/wp-content/uploads/2009/01/buttonleafhover.png"></script>
<a class="myButtonLink" href="#LinkURL">Leaf</a>

CSS

.myButtonLink {
    display: block;
    width: 100px;
    height: 100px;
    background: url('http://kyleschaeffer.com/wordpress/wp-content/uploads/2009/01/buttonleafhover.png') bottom;
    text-indent: -99999px;
}
.myButtonLink:hover {
    background-position: 0 0;
}

.active {
    background-position: 0 0;
}

JavaScript

$('.myButtonLink').click(function() {
    $(this).toggleClass('active');
});