Теория это конечно хорошо, но без постоянной практики вы не освоите ничего.
Скрываете блок, а при клике показываете.
Можно воспользоваться также и visibility как пример для подсказок при наведении, но это уже сами изучите.
Пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<style type="text/css">
.textarea{display:none;}
</style>
<script type="text/javascript">
function textarea(key) {
document.getElementById('textarea'+key).style.display=(document.getElementById('textarea'+key).style.display=='block')?'none':'block';
}
</script>
</head>
<body>
<a href="javascript:textarea(1)">Open Textarea</a>
<div id="textarea1" class="textarea">
<textarea></textarea>
</div>
</body>
</html>
Подключите библиотеку jquery
http://code.jquery.com/jquery-1.8.2.min.js
И воспользуйтесь функцией toggle().
И поменьше используйте "#иды".
