复选框切换更改，无需任何用户交互

Question

我在jquery中调用一个函数来进行复选框切换更改。它按预期工作。 现在我想在选中该框时更改此信息，显示其他表隐藏。 但我不知道如何修改我的功能.. [1]

我该如何修改？

[1] HTML

  <label class="checkbox">                     <input type="checkbox" id="toggleSequence" name="sequence_check" id="sequence_check">

Jquery的

$("#toggleSequence").change(function(e){
    if($(this).is(":checked")){
        $(this).parent().next().show();

    }else{
        $(this).parent().next().hide();

    }
});

Answer 1

JS Fiddle

$('#toggleSequence').parents('table').next().hide(); // first you need to hide it use can also use css for this

$("#toggleSequence").change(function (e) {
    if ($(this).is(":checked")) {
        alert();
        $(this).parents('table').next().show();

    } else {
        $(this).parents('table').next().hide();

    }
});