JSFiddle - React, Tailwind, and code Playground

by iwasrobbed

HTML

<tr><td>TR 1</td></tr><tr>
    <td colspan="7">
        <div class="replyDiv" align="center" style="margin:10px 60px 10px 10px;">

            <form width="350px" id="userReplyForm" name="userReplyForm" method="post" action="#">
            <input type="hidden" id="date" name="date" value="'.time().'"/>
            <input type="hidden" id="sender" name="sender" value="'.$username.'"/>
            <input type="hidden" id="recipient" name="recipient" value="'.$sender.'"/>
            <table align="center" width="350px" class="smallTxt userDetails">
                <tr>
                    <td align="left" width="350px"><input type="text" id="subject" name="subject" size=30 value="RE:'.$subject.'"/></td></tr>
                <tr>
                    <td width="350px"><textarea rows="6" cols="42" id="message" name="message"></textarea></td></tr>
                <tr>
                    <td align="center"><input type="submit" name="Submit" class="submitBtnSmallLong" value="Send Reply"/></td></tr>
            </table>
            </form>

        </div>
        <div class="emailSent" align="center" style=" margin:10px 60px 10px 10px; color:blue; font-size:18px;">
            Something goes in here.
        </div>
    </td>
</tr>

<br /><br />
<a href="#" class="hideReplyDiv">Hide Reply Div</a>
<br /><br />
<a href="#" class="hideEmailSent">Hide Email Sent</a>

JavaScript

$('.hideReplyDiv').click(function() {
    $('.replyDiv').hide();
});

$('.hideEmailSent').click(function() {
    $('.emailSent').hide();
});