JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='ulid'>
    <li>Task1</li>
    <li>Task2</li>
    <li>Task3</li>
    <li>Task4</li>
    <li>Task5</li>
    <li>Task6</li>
    <li>Task7</li>
</ul>

<br /><br />
<ul id='ulid1'>
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
    <li>Item5</li>
    <li>Item6</li>
    <li>Item7</li>
</ul>

<br /><br />

<div id="show_details"></div>

JavaScript

jQuery(document).ready(function() {


    $('ul#ulid li').hover(function() {
        $('#show_details').html($(this).text());
    }, function() {
        $('#show_details').html('');
    });


});