如何实现：点击一个标题，它的具体内容就在它的下面显示出来？

其中点击这个标题，根据这个标题，把它的答案显示出来。请问如何实现。
---------------------------------------------------------------

1<div id="title1" onclick='see("answer1")'>标题</div>

1<div id="answer1" style="display:none">答案</div>

1<script language="javascript">   
2function see(opt){   
3window.document.all(opt).style.display = "";   
4}   
5</script>

---------------------------------------------------------------

先前DIV是隐藏的，当点击标题的时候把DIV设为显示就可以了。

1<div id="title1" onclick='see("answer1")'>标题</div>

1<div id="answer1" style="display:none">答案</div>

1<script language="javascript">   
2function see(opt){   
3var c=document.all(opt).style.display;   
4c==''?document.all(opt).style.display='none':document.all(opt).style.display='';   
5}   
6</script>