javascript改变样式

Question

<script>
    function hide()
    {
        document.getElementById("xxx").style.visibility='visible';
    }
</script>
<tr>
    <td>655 3338</td>   
    <td onclick='hide()'>10-May-2013</td>       
</tr>
<tr id='xxx' style='visibility:collapse'>
    <td>655 3338</td>   
    <td>10-May-2013</td>        
</tr>

大家好，我是 javascript 语言编码方面的新手，我正在开发一个简单的隐藏显示，上面的代码(一段代码)是您单击表格单元格时的表格 10- 2013 年 5 月下面的表格行将如何显示，在那种情况下，我是正确的吗？我的代码中缺少的是，当我再次单击表格单元格 10-May-2013 时，它将再次隐藏，或返回到其默认样式(表格隐藏或折叠)。

Answer 1

尝试

function hide(){
    if(document.getElementById("xxx").style.visibility != 'visible'){
        document.getElementById("xxx").style.visibility='visible';
    } else {
        document.getElementById("xxx").style.visibility='collapse';
    }
}

演示:Fiddle