jQueryのtoggle

リンクを押すとテーブルの表示・非表示をするのに、jQueryのtoggleを利用。

表示・非表示したい部分をdivタグで囲む。
画面表示時は表を表示させたくない場合に、style="display: none"をつける。

<div id = "my_table" style="display: none">
  <table>
    ...
  </table>
<div>

jQueryが入ってることを前提とし、下記のJavaScriptを追加
なお、toggleの引数は、fast, slow, なし 等の設定ができる。
http://api.jquery.com/toggle/

<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle('fast');
}
</script>

選択するリンクにJavaScriptの呼び出しを追加

<a href="javascript:toggleDiv('my_table');" style="text-decoration: none;">Click!</a>