使用jquery单击按钮时，表列隐藏

Question

我有这个函数负责使表tr和th崩溃。但实际上我不想崩溃。

我想要隐藏th，但现在我正在折叠表格列，现在折叠时我显示标题为“ - ”符号也用于扩展我显示带有“+”符号的标题。

我想显示点击“ - ”我想要隐藏列，在标题中我想只显示“+”当我按+我想显示列并标题为“ - ”。

任何人都隐藏我如何做到这一点。谢谢

这是我的代码

小提琴：http://jsfiddle.net/9QkVd/22/

$(function() {
    $('table tbody tr:odd').addClass('alt');

    $('table tbody tr').hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
     });

       $('tr th:gt(0)').click(function() {

    var index = (this.cellIndex + 1);
    var cells = $('table tr > :nth-child(' + index + ')');
    cells.toggleClass('collapsed');

    if ($(this).hasClass('collapsed')) {
        $(this).find('span').html('<b>+</b>');
    }
    else {
        $(this).find('span').html('<b>-</b>');
    }

    if ($('table tr > th:not(.collapsed)').length)
        $('table').removeClass('collapsed');
    else
        $('table').addClass('collapsed');
});

首先显示表格中的数据

当我点击我想要的红色按钮时