html同级标题只允许一个被展开,html 列表展开问题

我想让下面的三个同级列表展开，且同时只有一个展开(或者点击某一个展开，再点击就收敛)。代码如下了，可是当点击完第二个再点第三个(按照这个顺序)的时候，第二个列表和第三个就不是互斥展开了，即第二和第三个都能展开。不知道问题出在哪里

οnclick="document.all.child1.style.display='none';document.all.child2.style.

display='none';document.all.child3.style.display='none';document.all.child1.style.

display=(document.all.child1.style.display=='none')?'':'none'">☆就业方向：

web开发、java程序开发

οnclick="document.all.child1.style.display='none';document.all.child2.style.

display='none';document.all.child3.style.display='none';document.all.child2.style.

display=(document.all.child2.style.display=='none')?'':'none'">☆专业技能：

＊熟练掌握html,xml,css,javascript等技术.

＊熟练掌握jsp,servlet,jdbc等相关技术,java语言基础扎实。

＊熟悉mysql,sql server,oracle等数据库开发。

＊熟悉tomcat应用服务器的使用。

＊对struts,spring,hibernate等开源框架有所了解.

＊了解c语言,vb程序设计,汇编语言

＊熟练使用开发工具eclipse