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

Question

I call a function in jquery for a checkbox toggle change. It works as expected. Now I want to change this when the box is checked show some tables else hide. But I don't know how to modify my function.. [1]

How can I modify this ?

[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();

    }
});