JQuery 便利機能２ テーブルの表示非表示

JQueryのプラグインでとても便利な機能を見つけました。
仕事上でどうしてもテーブルの列を表示非表示させたいことから
なんかいいのないか？と探していたら見つけました。

まずはプラグインをダウンロード

プラグインは下記から
http://p.sohei.org/jquery-plugins/columnmanager/

対象コンテンツにincludeします。
<script type="text/javaScript" src="../js/jquery.js"></script>
<script type="text/javaScript" src="../js/jquery.columnmanager.js"></script>

テーブルにidを定義します。
<table id="tableall">

表示非表示を制御するcheckbox
<input type="checkbox" id="name" value="1" checked>名前
<input type="checkbox" id="price" value="1">お金

イニシャル処理に下記を定義
$(document).ready(function(){
// チェックボックスをクリックイベントの登録
　　　$('#name').click(function(){ $('#tableall').toggleColumns(1);});
　　　$('#price').click(function(){ $('#tableall').toggleColumns(2);});

　　 // ディフォルトチェックボックス状態の確認（初期時に表示しておきたいものを定義）
if(!$('#name:checked').val())$('#tableall').toggleColumns(1);
if(!$('#price:checked').val())$('#tableall').toggleColumns(2);
});

以上でおわり　簡単ですね。
JQueryすばらしい！！

デモは下記から
http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html