JSFiddle - React, Tailwind, and code Playground

HTML

<!-- ROW -->
                    <div class="row-fluid">

                        <div class="span3"><label class="checkbox-comment-trigger">Query? <input type="checkbox" /></label></div>

                        <div class="clr"></div>
                        <textarea class="query-comment" placeholder="Please enter query comment .."></textarea>

                    </div>
<!-- //ROW -->

CSS

textarea { display: none;}
.visible { display: block;}

JavaScript

// Checkbox => Comment

function InvoiceQueryModal() {


    $('.checkbox-comment-trigger input').change(function() {
        console.log($(this));
        $(this).closest(".row-fluid").find("> textarea").toggleClass('visible').focus();
    });



}
$(document).ready(function() {


    InvoiceQueryModal();

});