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

Question

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

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

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

Answer 1

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

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