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

Question

我有这个隐藏表格行的jsfiddle。

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

随意建议一种更简单的方法（html5等）。

Answer 1

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

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