javascript - 如何让 div+iframe 在 chrome 中消失

Question

I am trying to make a div containing an iframe appear/disappear when a checkbox is selected/unselected.

这是一个快速演示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/