如何使用CSS3调整表行的大小

Question

我有这个隐藏表行的jsfiddle。

我试图让它将行展开到height=200而不是隐藏它。

随意提出一种更简单的方法（html5等）。

Answer 1

您可以使用带有两个函数的jQuery toggle()作为参数。 Documentation。它允许您定义两个或更多函数，以便在每次单击鼠标时循环显示。

$(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/