JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="links">
    <li><a href="#">Welcome 1</a></li>
    <li><a href="#">Welcome 2</a></li>
    <li><a href="#">Welcome 3</a></li>
    <li><a href="#">Welcome 4</a></li>
</ul>
<ul id="text">
    <li>Welcome 1</li>
    <li>Welcome 2</li>
    <li>Welcome 3</li>
    <li>Welcome 4</li>
</ul>

CSS

#text li { display: none; }

JavaScript

$("#links li").hover(function() {
    $("#text li:eq(" + $(this).index() + ")").toggle();
});