JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element">
   <h1>this paragraph will get animated but the child div will not</h1>
   <form>
      <div id="child">not animated</div>   
   </form>
</div>

CSS

#element {
   width:100px;
    margin-left:auto;
   margin-right:auto;
}
#child {
  /* background-color: white;*/
}

JavaScript

//$('#element').animate({backgroundColor: '#FFFF99'}, 'slow');
$('#element').effect( 'bounce', { times: 3 }, "slow" );