JSFiddle - React, Tailwind, and code Playground

HTML

<p class="color">Первый!</p>
<p class="color">Второй!</p>
<p class="color">Третий!</p>

CSS

p.color{
    color: red;
}

JavaScript

$('p').on("mouseenter mouseleave click",function(event){
    var elem = $(this), evt = {
        mouseenter:function(){
            $(elem).css("margin-left","10px");
        }, mouseleave:function(){
            $(elem).css("margin-left",0);
        }, click:function(){
            $('p').not(elem).css("color","green");
            alert("Как отключить обрабочик?");
        }
    }
    evt[event.type]();
});