JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<div id="custom_div">
</div>
<a href="#" id="custom_link">hello</a>

CSS

#custom_div {
    width: 100px;
    height: 100px;
    background: black;
}

#custom_div.highlighted {
    background: yellow;
}

JavaScript

$('#custom_link').hover(function () {
    $('#custom_div').toggleClass('highlighted'); 
});

$('#custom_link').click(function (e) {
   $('#custom_div').addClass('highlighted');
   $(e.currentTarget).unbind('mouseenter mouseleave');
});