onClick show / hide想要在隐藏javascript上折叠图像大小

Question

我刚刚将这个剧本放在一起，但是它有问题，如果图像位于文本之间，当它不可见时它保持高度差异，任何人都有任何想法如何折叠大小或类似的东西什么时候显示/隐藏？

体

    a onclick="showImage();"> Click here</a>
    img id="loadingImage" src="image.png" style="visibility:hidden"/>

脚本

function showImage(){
    var toggleImage = document.getElementById("loadingImage");
      if(toggleImage.style.visibility == "visible") {
         document.getElementById('loadingImage').style.visibility='hidden';
     }else{
        document.getElementById('loadingImage').style.visibility='visible';
}
}

Answer 1

请勿使用visibility。请改用display属性。

正如您所见@ MDN：

  

（可见性）隐藏值会隐藏一个元素，但会留下空间。