JSFiddle - React, Tailwind, and code Playground

HTML

<html> 
    <head> 
        <title>Changer</title> 
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    </head> 
    <body> 
        <div style="height: 30px; overflow:hidden; background-color:#E00;"> 
            sadfasdfasdf<br/> 
            asdf<br/> 
            asd<br/> 
            f<br/> 
            asd<br/> 
            f<br/> 
            asd<br/> 
            f<br/> 
            asd<br/> 
        </div> 
        <script type="text/javascript"> 
            $('div').click(function () {
            // console.log($(this)[0].scrollHeight);
            $(this).animate({height: $(this)[0].scrollHeight}, 200);
            });
        </script> 
    </body> 
</html>