JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" style="width:50%;border:1px solid #000;min-height:100px;">
        Hello world!
    </div>

JavaScript

$(function(){
    $("#div1").hover(
        function(){
            $(this).animate({ "width" : "70%", "height" : window.innerHeight + "px" }); 
        },
        function(){
            $(this).animate({ "width" : "50%", "height" : "" });
        }
    );                             
});