Отображение/скрытие строк таблицы с помощью переходов css3

В одной части моей страницы я использую переходы css3, чтобы показать/скрыть некоторые элементы div с хорошим эффектом скольжения

.service_status {
        max-height: 0;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

.service_status.open {
    max-height: 500px;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

Я хотел бы использовать ту же технику для некоторых строк таблицы, но с максимальной высотой и высота не имеют никакого эффекта (я думаю, из-за спецификаций CSS для таблиц). Есть ли способ показать/скрыть строки таблицы с анимацией, используя только переходы CSS3 и без js?