JSFiddle - React, Tailwind, and code Playground

by id10922606

HTML

<div class="nav">Hover</div>
<p class="large">Large</p>
<p class="medium">Large</p>

CSS

.large {width:90%; background:red;}
.medium {width:50%; background:green;}

JavaScript

$(".nav").mouseenter(function(){
var myheight = $(".large").height();
var h = 100;
 alert(myheight);
 alert(h);
    
if (h > 50) {
	
	
	$(".large").css("height" , h);
	
	} 
    
});

$(".nav").mouseleave(function(){

	
	$(".large").css("height" , myheight);
	

    
});