js 隐藏/显示指定“块”（table、ul...）

最近在做一个页面显示问时，遇到一个小问题，在一个table中想嵌套table，但是不好看，如果是数据库这样做的话是没办法完成的，好在html还能够做出来，只是效果做不好，所以就想着通过<a href="">来控制再加上js，动态的隐藏显示table。

先来段js代码实现显示和隐藏的功能：

 function display(id){
  if($(id).style.display=="none"){
   $(id).style.display = "block";
  } else{
   $(id).style.display = "none";
  }
 }

上面的代码是用来控制传入id样式的现实和隐藏。

下面来段html代码，受js的控制：

 <a href="javascript:void(0)" title="隐藏/显示" onClick="display('1')">隐藏/显示</a>
 <table id="1" style="display">
  <th>标题</th>
  <tr>
   <td>hello world</td>
  </tr>
 </table>