JSFiddle - React, Tailwind, and code Playground

by Joe Young

HTML

<a href="#" id="toggle">Toggle #numbers</a>
<div id="numbers"></div>

CSS

#numbers {
    height: 200px;
    width: 200px;
    background-color: orange;
}

JavaScript

$("#toggle").click(function(e) {
        e.preventDefault();
        if ($("#numbers").css("height") == "0px") {
            $("#numbers").animate({"height": "200px"}, 800);
        }
        else if ($("#numbers").css("height") == "200px") {
            $("#numbers").animate({"height": "0px"}, 800);
        }
    });