JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        
    </head>
<body>
<div id='button'>Click</div>
<div id='content'>
    Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff StuffStuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff  
</div>
    Content down below.

</body>
</html>

CSS

#button {
    background: #06f;
    color: white;
    width: 300px;
    padding: 10px;
}

#content {
    display: none;
    width: 300px;
    color: #333;
}

JavaScript

$("#button").click(function(){
            $("#content").stop().slideToggle();
            return false;
        }); 
            
$("#button").hover(function(){
            $(this).stop().css({"cursor" : "pointer"})
        });