mortido,
вариант без jQuery для медитации
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.comment-ans{
cursor: pointer;
}
form {
display: none;
}
div form {
display: block;
}
</style>
<script>
var node;
document.addEventListener("click", function(event) {
var el = event.target;
if (el.classList.contains('comment-ans')) {
node && node.querySelector('.comment-ans') && (node.querySelector('.comment-ans').value = 'ответить');
el.value = (node == el.parentNode) ? 'ответить' : 'закрыть' ;
node = (node == el.parentNode) ? document.body : el.parentNode
node.appendChild(document.forms.mes);
}
});
</script>
</head>
<body>
<div>01<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>02<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>03<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>04<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>05<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>06<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>07<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>08<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>09<input name="" type="button" value="ответить" class="comment-ans"></div>
<div>10<input name="" type="button" value="ответить" class="comment-ans"></div>
<form name="mes" action="http://">
<textarea name=""></textarea>
</form>
</body>
</html>