如何让div + iframe在chrome中消失

Question

当选中/取消选中复选框时，我试图使包含iframe的div显示/消失。

以下是快速演示http://jsfiddle.net/bhS9T/

$(function () {
$("input[type='checkbox']").change(function () {
    switch (this.id) {
        case 'video':
            if ($(this).is(':checked')) {
                $(".video").css("visibility", "visible");
            } else {
                $(".video").css("visibility", "hidden");
            }
            break;
    };
});

    .video {
    position: absolute;
    visibility: hidden;
    display:block;
    background-color: blue;
    border: solid red 8px;
    padding: 30px;
    background-image: none;
}

在safari中，视频会随着div消失，这很棒。然而，在Chrome中，视频仍然存在。有人可以帮忙吗？

Answer 1

更改为.show（）/ .hide（）有效。

$(function () {
    $("input[type='checkbox']").change(function () {
        switch (this.id) {
            case 'video':
                if ($(this).is(':checked')) {
                    $(".video").show();
                } else {
                    $(".video").hide();
                }
                break;
        };
    });
});

请参阅：http://jsfiddle.net/corey_rothwell/kA2G6/