JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.min.css">
<div class="ui transitioning teal button" id="content">LESSTEXTLESSTEXT</div>

CSS

.ui.transitioning.button{
    transition: all 2s ease !important;
}

JavaScript

var big = false;
$('#content').live('click', function(e) {
     if(!big)
     {
         this.innerHTML = "MORETEXTMORETEXTMORETEXTMORETEXTMORETEXTMORETEXTMORETEXT";
         big = true;
     }
     else
     {
         this.innerHTML = "LESSTEXTLESSTEXT";
         big = false;
     }
 });