JSFiddle - React, Tailwind, and code Playground

HTML

<div class="carousel" >
<a id="lnk1" >[image 1]</a>
<a id="lnk2" >[image 2]</a>
<a id="lnk3" >[image 3]</a>
<a id="other1" >[image 4]</a>   
<a id="other2" >[image 5]</a>  
</div>
<div class="content">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="other_div1">div4</div>
<div id="other_div2">div5</div>
</div>

JavaScript

$(".content > div").hide();//you can ignore this
$(".carousel > a").live('click', function() {
    $(".content > div").hide();//hide all divs
    $(".content > div").eq($(this).index()).show();//display curresponding div to the clicked anchor
});