JSFiddle - React, Tailwind, and code Playground

by chinmay235

HTML

<table>
    <tr>
        <td valign="top" style="padding-top:10px;">Body :<br><br>
                    <a id="expand" href="javascript:;">expand</a></td>
        <td><textarea rows="6" cols="30" required="required" id="message" name="message"></textarea></td>
    </tr>
    </table>

JavaScript

$("#expand").click(function(){                      
               $('#message').animate({"height": "300px"}, "slow" );
               $(this).attr('id','colaspe').html('colaspe');
               return false;
        });
        $("#colaspe").click(function(){
               $('#message').animate({"height": "80px"}, "slow" );
               $(this).attr('id','expand').html('expand');
               return false;
});