JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="links">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<ul id="descriptions">
    <li>1 d</li>
    <li>2 d</li>
    <li>3 d</li>
    <li>4 d</li>
    <li>5 d</li>
</ul>

JavaScript

$("ul#links li").hover(
    function () {
        $("ul#descriptions li").hide();
        var index = $(this).index();
        $("ul#descriptions li").eq(index).show();
        
    },
    function () {
        $("ul#descriptions li").hide();
    }
);

$("ul#descriptions li").hide();