JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button id='text'>Add text</button>

<button id="width">More width!</button>

<div class="box">
    Text
</div>

CSS

.box {
        transition: all 1s linear;
        padding: 10px;
        margin: 10px;
        background: #fc0;
        width: 50px;
    }

JavaScript

$('#text').click(function () {
        $(".box").append('Lorem ipsum dolor sit amet, consectetur adipisicing elit. A at natus necessitatibus neque totam? Accusamus culpa')
    });

    $('#width').click(function () {
        $(".box").css('width','100px')
    });