JSFiddle - React, Tailwind, and code Playground

HTML

<div class=mx>
<span>Click Here</span>
<ul></ul>
</div>

JavaScript

$('.mx').css({
    position: 'fixed',
    top: 0, 
    'background-color': 'aqua'
  });
  $('.mx>ul').css('display','none')
  for(var i=1;i<=20;i++)
    $('<li></li>').text('Item '+i).appendTo('.mx>ul');
  
  $('.mx>span').click(function(){

  $('.mx>ul').slideDown()

  });