JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list"> Click me!
<div class="line">One</div>
<div class="line">Two</div>
<div class="line">Three</div>
<div class="line">Four</div>
<div class="line">Five</div>
<div class="line">Six</div>
<div class="line">Seven</div> 
</div>

CSS

.list{
 border: 1px solid;
 height: 20px;
 width: 100px;
}

.line
{
 display:none;
}

JavaScript

$(".list").click( function() {
    $(this).children().slice(0, 2).slideDown("slow");
});