Как использовать CSS3 для изменения размера строк таблицы

У меня есть этот jsfiddle, который скрывает строки таблицы.

Я пытаюсь заставить его расширить строку до height=200 вместо того, чтобы скрывать ее.

Не стесняйтесь предлагать более простой способ сделать это (html5 и т. д.).


html css css-transitions
person novicePrgrmr    schedule 02.10.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать 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/

person babca    schedule 02.10.2012
comment
Круто, это буквально мой первый опыт работы с jQuery, так что огромное спасибо! - person novicePrgrmr; 02.10.2012