JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<div id="header">

  <div id="hoverme">
  hover over me
  </div>


</div>

CSS

#header { height:100px;border:1px solid red;}

JavaScript

$(document).ready(function(){
	  $('#hoverme').on('mouseover', function(){
	    $('#header').css('height', '500px');
	  });

	  $('#header').on('mouseout', function(){ 
	  	$('#header').css('height', '100px');
	  });
	});