JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu_clickable prof_info2" id="prof_info" >first</div>
<div class="menu_clickable prof_info3" id="prof_info" >second</div>
<div class="menu_clickable prof_info3" id="prof_info" >third</div>

JavaScript

$(".menu_clickable").mouseover(function() {
        $(this).css({'background-color' : '#F00'});
    });
    
    $(".menu_clickable").mouseout(function(){
        if(!$(this).hasClass('clicked'))
            $(this).css({'background-color' : '#FFF'}); 
    });
    
    
    $(".menu_clickable").live('click', function() { 
        $(this).css({'background-color' : '#FCC'})
                .addClass('clicked');
    });