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

Question

我只是将这个剧本放在一起,但是它有一个问题,如果图像位于文本之间,当它不可见时它保持高度差异,任何人都有关于如何折叠大小或任何类似于show /在隐瞒什么？

身体

    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:

(可见性)隐藏值隐藏了一个元素,但留下了本来可以存在的空间.