JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="divHeight">
</div>
<input type="submit" />
<button type="submit">Submit</button>

CSS

.DivHeight {
    background-color: #f90;
    height: 450px;
}

.DivNoHeight {
    background-color: #ffa;
    height: 0;
}

JavaScript

var div = $('#divHeight');
div.addClass('DivHeight');

$('button[type="submit"],input[type="submit"]').click(
    function(e) {
        e.preventDefault(); // prevents actual submission
        div.toggleClass('DivHeight DivNoHeight');
        console.log(div.height());
    });