JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testimonial-container"><div class="testimonial">Here comes a testimonial</div> <div class="testimonial">Here comes another testimonial</div> <div class="testimonial">And another one</div> <ul class="testimonial-logos"> <li><a><img src="logo-1.jpg" /></a></li> <li><a><img src="logo-2.jpg" /></a></li> <li><a><img src="logo-3.jpg" /></a></li> </ul> </div>

CSS

.testimonial { display: none; }

.active { display: block; }

JavaScript

$('#testimonial-container .testimonial-logos a').hover(function(){
    var index = $('#testimonial-container .testimonial-logos a').index(this);
    $('#testimonial-container .testimonial, #testimonial-container .testimonial-logos a').removeClass('active');
    $('#testimonial-container .testimonial, #testimonial-container .testimonial-logos a').eq(index).addClass('active');
});