我用javascript隐藏了一段代码。当我单击“显示更多”按钮时，它显示空白块，但是链接在那里，我看不到该块的内容。

img 1: hiding

img 2: not showing block

img 3: Should show Like This

JavaScript

<script>
function myFunction() {
  var x = document.getElementsByClassname("dummy");
  if (x[0].style.display === "none") {
    x[0].style.display = "block";
  } else {
    x[0].style.display = "none";
  }
}
</script>

ScrollReveal

ScrollReveal().reveal('.project-wrapper__text',{
    ...defaultProps,delay: 500,origin: window.innerWidth > 768 ? 'left' : 'bottom'
  });
  ScrollReveal().reveal('.project-wrapper__image',delay: 1000,origin: window.innerWidth > 768 ? 'right' : 'bottom'
  });

如果我删除ScrollReveal，则显示该块， 如果我显示更多，然后显示缩小或放大块， 但是当页面刚刚加载并且我给显示时，显示了更多的空白（链接应该在空白中正常工作）。