JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"><img src="http://cs339.vk.me/u67029043/d_d2a84c01.jpg"></div>
<div class="box">box 1</div>
<div class="container"><img src="http://cs339.vk.me/u67029043/d_d2a84c01.jpg"></div>
<div class="box">box 2</div>
<div class="container"><img src="http://cs339.vk.me/u67029043/d_d2a84c01.jpg"></div>
<div class="box">box 3</div>

CSS

div{float:left;}
div.box{display:none;}

JavaScript

$(function() {
    $('.container').on('mouseover mouseout', function(e) {
        $(this).siblings('.container').fadeTo(0, +(e.type == 'mouseout'));
    });
});