JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class='customcmntholder'></div>
<span id='customcomment'>Add a Comment...</span>
<form action='#' method='post' name='cmntform'>
<textarea class='customcmntform' placeholder=' add a comment......' >
</textarea>
</form>
<script>
$(document).ready(function() {
$('#customcomment').click(function() {
console.log('a');
$(this).next().find('.customcmntform').show();
})
});
</script>
</body>
CSS
.customcmntform{
display:none;
}
#customcomment{
color:blue;
cursor:pointer;
text-decoration:underline;
}