JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuButton">
    Why do I change size on click?
</div>

CSS

.menuButton
{
    width: 50%;
    height: 70px;
    background-color: #ddd;
    text-align: center;
}

JavaScript

$(document).ready(function()
{
    //When button is clicked
    $('.menuButton').click(function()
    {
        //Make the button bounce
        $(this).effect('bounce', { times:3 }, 300);
    });
});