JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<div class="image" data-ref="1">Image 1</div>
<div class="cat" data-ref="1">Cat 1</div>
<div class="image" data-ref="2">Image 2</div>
<div class="cat" data-ref="2">Cat 2</div>
<div class="default">Content</div>
CSS
.cat { display: none; }
JavaScript
$(function() {
$('.image').hover(function() {
$('.default, .cat[data-ref='+$(this).data('ref')+']').toggle();
});
});