JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    
   <style>
   div { margin:3px; width: 100px; height: 150px; background-color: red; display: none; }   
   </style>
</head>
<body>
    <button id="slidedown">.slideDown()</button>
    <button id="slideup">.slideUp()</button>
    <div></div>
<script>
$('#slidedown').click(function() {
  $('div').slideDown('slow').toggle();
});
    
$('#slideup').click(function() {
  $('div').slideUp('slow');
});
</script>

</body>
</html>