这是否可以从动画背景更改

Question

我正在进行分页，我喜欢jQuery动画，但是我试图解决的一件事我无法从tableorter中找到....

请参阅代码Demo，

$(function () {
    var $table = $('table'),
        checkboxColumn = 0;

    // checkboxes updates
    $table.find('tbody').on('change', 'input', function () {
        var $cell = $(this).closest('td');
        // only accept checkboxes in the first column
        if ($cell[0].cellIndex === checkboxColumn) {
            $cell.closest('tr').toggleClass('checked', this.checked);
            // update cache with checkbox state
            $table.trigger('updateCell', [ $cell[0] ]);
        }
    });

    $table.find('thead input').on('change', function(){
        var chk = this.checked;
        $table.find('tbody tr').each(function(){
            $(this).find('td:eq(' + checkboxColumn + ') input')
                .prop('checked', chk)
                .trigger('change');
        });
    });

    var headers = {};
    headers[checkboxColumn] = { sorter: false };

    $table.tablesorter({
        widgets: ['zebra'],
        headers: headers
    });
});

并且请点击第一列上的复选框，你看到点击后显示背景，我想知道这是否可能有幻灯片动画背景从列的第一列到列结束时检查！如果更改为未选中，则将背景的动画从最后一列滑动到第一列！