Анимация открытия/закрытия столбцов таблицы в jQuery

Как я могу анимировать открытие/закрытие столбцов таблицы в jQuery?

У меня в настоящее время есть эта часть кода:

jQuery(function($){
    $(".togglebutton").click(function(e){
        if (cost_visible) {
            $(".numbers").animate({width: 80}, 1500);
            $(".costs").animate({width: 0}, 1500);

        } else {
            $(".numbers").animate({width: 0}, 1500);
            $(".costs").animate({width: 60}, 1500);
        }
    });
});

и мой HTML, содержащий стандартные теги TABLE/TR/TH/TD с TH и тегами TD, несущими имена классов раньше, определял то, что должно быть открыто или закрыто.

Проблема, кажется, что после того, как jQuery касается таблицы, затронутые клетки внезапно чувствуют потребность сложить друг на друге вместо того, чтобы остаться аккуратно подряд.

Я предполагаю, что это имеет отношение к jQuery, могущему только анимировать элементы "блока", не элементы, которые отображены "подобные таблице". Таким образом, я могу сделать таблицу из элементов блока? Или есть ли другой способ анимировать подобные таблице элементы? Я нашел это предложенное решение, но на стычку походит монтировать в корпус все Ваши элементы таблицы в DIV только для анимации...