JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

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