JSFiddle - React, Tailwind, and code Playground

by amosrivera

HTML

<div id="content">
bla bla bla bla bla bla bla bla blabla bla blabla bla bla
</div>
<span id="myButton">Slide down &darr;</span>

CSS

#content{
    display:none;
}

#myButton{
    color:#248;
    padding:3px;
    cursor:pointer;
}

JavaScript

$("#myButton").toggle(function(){
    $("#content").slideDown();
    $(this).html("Slide up &uarr;");
},function(){
    $("#content").slideUp();
    $(this).html("Slide down &darr;")
})