Question

当我按下按钮时，我的桌子会被视频替换，但当我点击按钮时，我的桌子会消失，我的视频也不会显示。我的代码有问题吗？

<script>
var checkContent = 0;
function contentChange(){
    if(checkContent == 0){
        $('#tableContent').addClass("hiddenContent");
        $('#videoContent').removeClass("hiddenContent");
        checkContent++;
    }else{
        $('#tableContent').removeClass("hiddenContent");
        $('#videoContent').addClass("hiddenContent");
        checkContent--;
    }
}
</script>

Answer 1

这样的东西？

HTML：

<button>Click</button>
<table id="tableContent"><tr><td>Table Content</td></tr></table>
<div id="videoContent" class="hiddenContent">Video Content</div>

JavaScript的：

$( "button" ).click(function() {
  $( '#tableContent' ).toggleClass( "hiddenContent" );
  $( '#videoContent' ).toggleClass( "visiblecontent" );
});

CSS：

.hiddenContent{ display:none;}
.visiblecontent{ display: block; }

Fiddle here

很简单，但我不知道这对你有好处。

Answer 2

HTML：

document.getElementById("btn").onclick = function(){
    var someContent = document.getElementById("someContent");
    var videoContent = document.getElementById("videoContent");

    if(someContent.hasAttribute("hidden")){
        someContent.removeAttribute("hidden");
        videoContent.setAttribute("hidden", "");
    }
    else{
        videoContent.removeAttribute("hidden");
        someContent.setAttribute("hidden", "");
    }
}

JS：

display:inline-block;

如果有任何好处，请试试这个：

http://jsfiddle.net/bigneo/40vLxLnm/

Answer 3

您可能想要在浏览器中检查控制台（CTRL + SHIFT + J）。

同时删除

`enter code here`

如果你没有故意把它放在那里。

如果仍然无效，您的CSS或HTML代码可能会出错。

使用Jquery将类添加到Id

3 个答案: