Javascript 切换按钮以隐藏或取消隐藏facebook评论框

我想做切换按钮。我从数据库中获取数据，每个供词（类似于博客的容器）都有facebook评论框。我只想做一个按钮来隐藏或取消隐藏facebook评论框，但它不起作用。我正在附上我的网页截图。

试试这个



$（函数（）{
$（“#showHideCommentBox”）。单击（函数（e）{
e、 预防默认值（）；
var divToHideOrShow=$（“#myCommentBoxDiv”）
if（divToHideOrShow.css（“显示”）=“无”）{
divToHideOrShow.show（）；
}
否则{
divToHideOrShow.hide（）；
}
});
});


Mostrar/Ocultar
您案例的工作示例

实际上，您的
fb root
div没有指定style属性，因此当您试图获取它的
x.style.display
属性时，它将返回空，因此如果您的条件不匹配，它将始终进入else块。所以我只需将
style=“display:none；”“
属性分配给div标记，它现在就可以工作了

第一条路

HTML

<button id="btnToggle">Toggle Hidw Show</button>
<div id="fb-root" style="display:none;">
  <h2>Zebra</h2>
  <p>Here is a paragraph about zebras.</p>
</div>

<button id="btnToggle">Toggle Hidw Show</button>
<div id="fb-root">
  <h2>Zebra</h2>
  <p>Here is a paragraph about zebras.</p>
</div>

第二种方式

HTML

<button id="btnToggle">Toggle Hidw Show</button>
<div id="fb-root" style="display:none;">
  <h2>Zebra</h2>
  <p>Here is a paragraph about zebras.</p>
</div>

<button id="btnToggle">Toggle Hidw Show</button>
<div id="fb-root">
  <h2>Zebra</h2>
  <p>Here is a paragraph about zebras.</p>
</div>

你能问个问题吗？最好有一个已经呈现标记且没有PHP的编码示例。难道你不认为为单个功能加载jquery没有什么必要吗？这里不仅有一个注释框，每个忏悔内容都有20多个seprate注释框，我们生成id，你可以试着使用这些函数。find（）and.closest（）看到这个jsfiddle并告诉我
document.getElementById("btnToggle").onclick = function() {
  myFunction('fb-root');
}


function myFunction(p1) 
{   
    console.log(p1);
    var x = document.getElementById(p1);
    if (x.style.display === "none" || x.style.display === "") 
    {
        x.style.display = "block"; 
    } 
    else {
        x.style.display = "none";
    }
}