JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="clips">
    <a href="#">
        Test
    </a>
    
    </div>
    <div id="info">
    <ul>
    <li><span>Mona is reading a poem!</span></li>
  
    </ul>
  </div>
</div>

CSS

#info {
    width: 195px;
    height: 338px;
    border: 2px black solid;
}
.clips a{margin:10px 30px;display:block;}
#info li {display: none;}

JavaScript

//handle clicked video link
$('.clips a').click(function(e){
    var idx=$(this).index();
    $('#info li').hide().eq(idx).show(300);
       return false;
    
});