JSFiddle - React, Tailwind, and code Playground

HTML

<img id="logo_learn" src="http://i.stack.imgur.com/Zhy7t.jpg?s=32&g=1"></img>
<img id="logo" src="http://i.stack.imgur.com/Zhy7t.jpg?s=32&g=1" onmouseenter="sl()" onmouseleave="hl()" ></img>
<img id="logo_" src="http://i.stack.imgur.com/Zhy7t.jpg?s=32&g=1" ></img>
<script>
    function sl() {
    $("#logo_learn").stop().slideToggle(500);
    $("#logo_").stop().fadeIn();
}

function hl() {
    $("#logo_learn").stop().slideToggle(500);
    // $("#logo_").stop().fadeOut();
}
</script>

JavaScript

$(document).ready(function () {
    $("#logo_").hide();
    $("#logo_learn").hide();
})