оно?
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
div.showAnswer {
display: none;
}
</style>
</head>
<body>
<div class="showAnswer" id="hdn_1">
<textarea name="answerArea" class="textareaForAnswer"></textarea>
<input type="button" name="sendAnswer" value="Послать ответ">
</div>
<input type="button" class="questionBtn" name="answer" value="Показать остальные сообщения">
<div class="showAnswer" id="hdn_1">
<textarea name="answerArea" class="textareaForAnswer"></textarea>
<input type="button" name="sendAnswer" value="Послать ответ">
</div>
<input type="button" class="questionBtn" name="answer" value="Показать остальные сообщения">
<div class="showAnswer" id="hdn_1">
<textarea name="answerArea" class="textareaForAnswer"></textarea>
<input type="button" name="sendAnswer" value="Послать ответ">
</div>
<input type="button" class="questionBtn" name="answer" value="Показать остальные сообщения">
<script type='text/javascript'>
var but = document.getElementsByClassName('questionBtn'); //найдет массив из 3 кнопок
for (var i = 0, ln = but.length; i< ln; ++i) {//делаем цикл по каждой кнопке
but[i].onclick = function () { //присвоим каждой кнопке событие onclick
if (this.value == 'Показать остальные сообщения') {
this.value = 'Скрыть остальные сообщения';
this.previousElementSibling.style.display = 'block'; //previousElementSibling найдет предыдущий dom элемент
} else {
this.value = 'Показать остальные сообщения';
this.previousElementSibling.style.display = 'none';
}
}
}
</script>
</body>
</html>