html - CSS3を使用してテーブル行のサイズを変更する方法

Question

テーブルの行を非表示にするこのjsfiddleがあります。

行を非表示にするのではなく、に拡張するようにしようとしheight=200ています。

より簡単な方法（html5など）もお気軽にご提案ください。

Answer 1

toggle()パラメータとして 2 つの関数を指定してjQuery を使用できます。ドキュメンテーション。マウスのクリックごとに循環する 2つ以上の関数を定義できます。

$(document).ready(function()
{
//slide up and down when click over id #one
$("#one").toggle(
    function()
        {
        $(".togglebox").height(200);
        },
    function()
        {
        $(".togglebox").height(100);
        });
});

実際のデモ: http://jsfiddle.net/RNvP4/