JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<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 }, 600);
});
});