JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div class="input-box">
    <textarea name="detail" placeholder="Input here" id="review_field" cols="5" rows="3" class="required-entry"></textarea>
</div>
<div class="col-sm-8">
    <input type="text" name="nickname" placeholder="input name!" id="nickname_field" class="input-text required-entry" />
</div>

JavaScript

$(function () {
     // hide nickname field on initial dom ready state
     $('#nickname_field').hide();
     // add click event onto review_field    
     $('#review_field').click(function () {
         //show nickname field when textarea was clicked
         $('#nickname_field').show();
     });
 });