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

$(document).ready(function() {
    $('.container').hover(function() {
        $(this).siblings('.container').css('visibility','hidden'); 
        $(this).next().show(); 
    }, function() {
        $(this).siblings('.container').css('visibility','visible');
        $(this).next().hide(); 
    });  
});