JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>sdfsdfsd</li>
<li class="contentBlock">sdfsdf</li>
<li class="contentBlock">sdfsdfsd</li>
<li class="contentBlock">sdfsdf</li>
<li class="contentBlock">sdfsdf</li>
</ul>

<div id="foo">Click me</div>

JavaScript

var flag = 0;
$('li').bind("mousemove", function() {
    if(flag) {
        $(this).trigger("supermousemove");
    } else {
        $(this).trigger("magicmousemove");
    }
}).bind("supermousemove", function() {
    alert('Woooooooooosh!');
}).bind("magicmousemove", function() {
    alert('sparkle sparkle!');
}); 

$("#foo").click(function() {
    flag = flag == 1 ? 0 : 1; // now supermousemoves will happen instead
});