Javascript 将类添加到Id'；他正在使用Jquery

当我按下一个按钮时，我的桌子被一个视频取代，但当我点击按钮时，我的桌子消失了，我的视频也不会出现。我的代码有问题吗

<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>

var-checkContent=0；
函数contentChange（）{
如果（检查内容==0）{
$（'#tableContent'）.addClass（“hiddenContent”）；
$（“#视频内容”）.removeClass（“隐藏内容”）；
checkContent++；
}否则{
$（“#tableContent”）.removeClass（“隐藏内容”）；
$（'#videoContent'）.addClass（“隐藏内容”）；
检查内容--；
}
}

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

同时拆下

`enter code here`

如果你不是故意放在那里的话

如果这仍然不起作用，那么您的CSS或HTML代码中可能存在错误。

类似的错误

HTML:

CSS:

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

HTML:

<input type="button" id="btn" value="Click Me"></input>

<div id="someContent" hidden>Some Content</div>
<div id="videoContent">Video Content</div>

如果对您有任何好处，请尝试以下方法：

---

您还必须共享html和任何css，然后整个

checkContent

都不需要，jquery看起来很好（尽管我建议使用

切换类

而不是

if/else

语句。你能向htmli展示你的代码吗？我会用你的答案发布你的代码，并解释它是如何工作的。只链接答案被否决/关闭必须意识到Tomas Tomas用更少+更好的代码回答了它：）+1

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

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

<input type="button" id="btn" value="Click Me"></input>

<div id="someContent" hidden>Some Content</div>
<div id="videoContent">Video Content</div>

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", "");
    }
}