JQuery 多个显示/隐藏列数据表无法正常工作

JQuery multiple show/ hide column DataTables not properly working

我想 show/hide 在 DataTables 中用一个复选框 jquery 多列,但隐藏后这些列没有再次显示

<input type="checkbox" name="cbox" id="cbox1"> Show/Hide <br>

$('#cbox1').on('change', function(e){
        e.preventDefault();
        var column = table.columns([10,11]);
        column.visible( ! column.visible());
   }

jsfiddle example

我是这样做的:

    var table = $('table').DataTable();

    $('#cbox1').on('change', function(e){
        e.preventDefault();
        var column = table.columns([2,3]);

        // if checked hide else show
        if ($(this).is(":checked")) {
          column.visible(false);
        } else {
          column.visible(true);
        }
   })