JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hovertest">
    <img src="myimage.jpg" width="200" height="100" alt="myimage" />
    <a href="#"></a>
</div>
<br /><br />
<div class="test">test2</div>

CSS

div {
    width:200px;
    height:100px;
    background-color:#B22;
    position:relative;
}

a {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    /* fix ie bug */
    
    opacity: 0;
    filter: alpha (opacity=0);
}

JavaScript

$("a").hover( function () {
    $(".test").fadeOut();
});