JSFiddle - React, Tailwind, and code Playground

HTML

<ul> 
    <li>
        <h2>Title 1</h2>
        <div>
            Whatever you want
        </div>
    </li>

    <li>
        <h2>Title 1</h2>
        <div>
            Whatever you want
        </div>
    </li>

</ul>

CSS

ul { 
    list-style: noone; 
    padding: 0;
    margin: 0;
    width: 200px;
}

ul li {
    background: #ccc;
}
ul li div { display: none;background: #FFF; }

JavaScript

$("ul li").hover(function() {
    $(this).children("div").slideDown();
},function(){
    $(this).children("div").slideUp();
});;