javascript - 使用一个链接 Javascript 切换多个 div

Question

所以，我得到了 2 个 div，一个从一开始就可见，另一个是隐藏的。我正在尝试制定操作，以便当我单击单个链接时，第一个 div 消失，第二个出现，并在第二次单击时反转。我对 javascript 有一些了解，但对 Jquery 的了解为零，而这些是我在这里能找到的唯一问题。

<script language="javascript">
function toggle() {
    var ele = document.getElementById("toggleContent");
    var text = document.getElementById("displayContent");
    if(ele.style.display == "block") {
            ele.style.display = "none;
        text.innerHTML = "blog posts";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide posts";
    }
}
</script>

这是我目前所拥有的，适用于一个 div，但我不知道如何通过同一链接将其更改为适用于 2 个 div

Answer 1

您缺少引号，请添加第二个引号，如下所示:

ele.style.display = "none";