JSFiddle - React, Tailwind, and code Playground

HTML

<div id="expand"><a href="#" id="expand_link">Expand container</a></div>

CSS

#expand {
	width: 100%;
	height: 100px;
	background-color: black;
}

JavaScript

$('#expand_link').click(function(){
    $('#expand').css('height', '200px');  
    return false;
});

$('#expand').mouseleave(function(){
    $('#expand').css('height', '100px');
});