<TABLE border=1 width="500">
<TR id="a1" style="display:block">
    <TD width="90%">111111111111111</TD>
</TR>
<TR id="a2" style="display:block">
    <TD width="90%">2222222222222</TD>
</TR>
<TR id="a3" style="display:block">
    <TD width="90%">333333333333333</TD>
</TR>
</TABLE><input type="button" onclick="javascript:f(1)" value="隐藏第1行" id="b1">&nbsp;<input type="button" onclick="javascript:f(2)" value="隐藏第2行" id="b2">&nbsp;<input type="button" onclick="javascript:f(3)" value="隐藏第3行" id="b3">
<script>
function f(id)
{
  s=document.getElementById("a"+id).style.display;
  if (s=="block")
  {
     s1="none";
     v="显示第"+id+"行";
  }
  else
  {
    s1="block";
    v="隐藏第"+id+"行";
  }
  document.getElementById("a"+id).style.display=s1;
  document.getElementById("b"+id).value=v;
}
</script>

是不是这个

解决了;
<div id = "abc">abc</div>
<input type='button' value='ok' onclick="abc()">
<script type='text/javascript'>
  function abc(){
    if (""==document.getElementById("abc").style.display)
       document.getElementById("abc").style.display = "none";
    else
       document.getElementById("abc").style.display = "";
  }
</script>