<script>
function toggle(element, text){
var div = element.getElementsByTagName('div')[0];
if(!div){
var newDiv = document.createElement("div");
newDiv.style.height = '50px';
newDiv.style.background = '#3B9D00';
newDiv.style.border = '1px solid red';
newDiv.innerHTML = text;
element.appendChild(newDiv);
}else{
div.parentNode.removeChild(div);
}
}
</script>
<center>
<div style="width:500px; height:auto; border:1px solid #333;">
<a href="#" onclick="toggle(this.parentNode, 'ТЕКСТ - 1');">Добавить/удалить комментарий</a>
</div>
<div style="width:500px; height:auto; border:1px solid #333;">
<a href="#" onclick="toggle(this.parentNode, 'ТЕКСТ - 2');">Добавить/удалить комментарий</a>
</div>
</center>