Javascript div不会在我的网页中再次展开

我是前端技术和javascript的初学者。我找到了一个关于如何展开和折叠div的示例，目前正在我的网页上尝试实现同样的功能。但是当我点击图像时，div会折叠，不再展开。请检查一下我的密码

以下是我的html代码：

<div id="headerDivImg">
    <a id="imageDivLink" href="javascript:toggle5('contentDivImg', 'imageDivLink');"><img src="file:///C:/Users/xxxx/Documents/AP%20Report/img/arrow486.png"></a>
    <label><b>LAST PAGE/STARTER PLATE </b>
</div>
<div id="contentDivImg">This demo uses plus and minus images for hiding and showing your div dynamically via JavaScript.</div>

最后一页/起始板
此演示使用加号和减号图像通过JavaScript动态隐藏和显示div。

下面是javascript：

function toggle5(showHideDiv, switchImgTag) {
        var ele = document.getElementById(showHideDiv);
        var imageEle = document.getElementById(switchImgTag);
        if(ele.style.display == "block") {
                ele.style.display = "block";
                imageEle.innerHTML = '<img src="file:///C:/Users/seemanapallik/Documents/AP%20Report/img/arrow486.png">';
        }
        else {
                ele.style.display = "none";
                imageEle.innerHTML = '<img src="file:///C:/Users/seemanapallik/Documents/AP%20Report/img/play106.png">';
        }
}

功能切换5（showHideDiv、switchImgTag）{
var ele=document.getElementById（showHideDiv）；
var imageEle=document.getElementById（switchImgTag）；
如果（ele.style.display==“块”）{
ele.style.display=“块”；
imageEle.innerHTML=''；
}
否则{
ele.style.display=“无”；
imageEle.innerHTML=''；
}
}

---

我尝试了很多方法来修改html和javascript代码，但到目前为止没有任何效果。

如果你的

语句是你的罪魁祸首。如果将显示设置为“块”，则再次将其设置为“块”，否则将其设置为“无”。应该是另一种方式：

if (ele.style.display == "block") {
        ele.style.display = "none";
} else {
        ele.style.display = "block";
}

当display属性已经是block时，您正在将其设置为block…显然，它需要另一种方式。如果我如上所述更改代码，则在页面加载时div将展开。但是，如果单击图像，div不会折叠。再次单击，div将折叠。然而，我确实希望看到div在页面加载时展开，当我单击图像时，div应该会折叠。这是有效的：if（ele.style.display==“none”）{ele.style.display=“block”}else{ele.style.display=“none”}