JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Comments (3)</h1>
<div class="comment">
	<form action="new.php" method="post" enctpye="" name="new_comment">
		<textarea class="text_cmt" name="text_cmt" placeholder="Post a new comment"></textarea>
		<br />
		<input type="submit" value="Post" />
	</form>
</div>
<div class="comment" name="ySWxTshchM"><span class="author">Guest</span><br />
	hhhhhhhhhhhhhhhhhhhh<br />
	<span class="date">Posted: Sep 27, 2015 | 12:55:48</span><br />
	<span class="replies">[+] 1 replies</span><span class="replies">Reply</span>
	<div class="delete_wrapper">
		<form action="delete.php" method="post" enctpye="" class="form_delete">
			<input name="password" type="text" placeholder="Password to delete" id="password">
			<input type="submit" value="Delete" />
		</form>
		<input type="submit" value="Reply" class="replytopic" name="send" />
		<button class="button2">Edit</button>
		<button class="delete_button">Delete</button>
	</div>
	<div id="reply">
		<form class="reply" action="reply.php" method="post" enctpye="" name="new_comment">
			<input type="hidden" name="par_code" value="ySWxTshchM" />
			<textarea class="text_cmt" name="text_cmt" placeholder="Reply to Guest"></textarea>
			<br />
			<input type="submit" value="Reply" />
		</form>
	</div>
	<div name="children" id="children">
		<form action="edit.php" method="post" enctpye="" id="edit">
			<textarea class="text_cmt" name="text_cmt"></textarea>
			<br />
			<input name="password" type="text" placeholder="Password to edit" id="password">
			<input type="submit" value="Edit" />
		</form>
		<div class="child" name="tsrdyj5645w3"><span class="author">k86k</span><br />
			gstrdynbv<br />
			<span class="date">Posted: Sep 25, 2015 | 00:00:00</span><br />
		</div>
	</div>
</div>
<div class="comment" name="F6aBYrq5wG"><span class="author">Guest</span><br />
	jjjjj<br />
	<span class="date">Posted: Sep 27, 2015 | 12:41:11</span><br />
	<span class="replies">[+] 1 replies</span><span class="replies">Reply</span>
	<div...

CSS

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
/* comments */
.comment {
	width: 45%;
	height: auto;
	padding: 7px 23px;
	background-color: #F5F5F5;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.15), 0px 0px 3px rgba(0,0,0,0.15);
	margin: 0px auto;
	margin-bottom: 10px;
	text-align: justify;
}
.child {
	width: calc(100% - 92px);
	height: auto;
	padding: 3px 25px;
	margin: 10px 0px 10px 35px;
	box-shadow: -5px 0px 0px 0px #777;
	background-color: rgba(1,1,1,0.05);
	border: 1px solid rgba(1,1,1,0.1);
}
/* fonts */
.author, .date {
	font-size: 11.2px;
	font-weight: 600;
	color: #777;
	text-transform: uppercase;
}
.replies {
	color: #39C;
	font-weight: 600;
	cursor: pointer;
}
.replies:hover {
	color: #39F;
}
.text_cmt {
	width: calc(100% - 22px);
	height: auto;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid rgba(1,1,1,0.3);
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
	margin-top: 10px;
}
h1 {
	width: 45%;
	height: auto;
	margin: 0px auto;
	font-size: 42px;
	font-weight: normal;
}
#hide {
}
#children {
}
#item {
	height: 40px;
	width: 30px;
	background-color: red;
}
button.edittopic {
	float: right;
	color: white;
	background-color: #3cb0fd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px 10px 2px 10px;
	margin-left: 5px;
}
button.button2 {
	background-color: #2FC332;
	float: right;
	margin-left: 5px;
	border: 0px none;
	padding: 2px 10px;
	color: #FFF;
}
button.delete_button {
	background-color: #D60202;
	float: right;
	margin-left: 5px;
	border: 0px none;
	padding: 2px 10px;
	color: #FFF;
}
form.form_delete {
	width: 35.5%;
	display: none;
}
form#edit {
	display: none;
}
form.reply {
	display: none;
}

JavaScript

$(function() {
    $(".edittopic").on('click', function() {
        $(this).parent().next(".reply").toggle();
    });
})

$( ".delete_button" ).click(function() {
  $(this).parents(".delete_wrapper").find(".form_delete").toggle();
});

$(function() {
    $(".edittopic").on('click', function() {
        $(this).parent().next("form#reply").toggle();
    });
})