点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层的隐藏有关问题

点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层的隐藏问题
效果：点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层隐藏，显示其对应的层。
问题：表格

中有onclick可以实现显示层，如何做出类似onblur失去焦点时隐藏层的操作。
代码：
JavaScript：

JScript code

<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->function ShowChosen(divID){    divID.style.display='block';    div=divID;}function selectRow(rowID) { var tStu = document.getElementById("tblStudent") for(var i=0;i<tstu.rows.length if rowid tstu.rows resumerowover resumerowout else function rowover row.bgcolor="#DCD8BF" rowout hidechosen divid.style.display="none"></tstu.rows.length>

表格：

HTML code

<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->

层：

HTML code

<!--Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->        
                        

说明：之前使用单选按钮组，onclick时ShowChosen()，onblur时HideChosen()，但是又想有表格的效果，而且单选按钮也无法隐藏掉；
原本的思路是在selectRow()中，当行没被点中时用HideChosen()的，但是HideChosen();是用不了的，括号里面值的问题。

非常感谢！

------解决方案--------------------
怎么不用jquery写呢