JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<button id="toggle">Toggle Class</button>

CSS

header {
    background: black;
    height: 100px;
    transition: all 1s ease;
}

header.small {
    height: 50px;
}

JavaScript

$('#toggle').click(function () {
    $('header').toggleClass('small');
});