ScrollReveal показывает пустой блок, когда я переключаюсь между скрытием и показом блока с помощью JavaScript - PullRequest
0 голосов
/ 10 ноября 2019

Я использовал JavaScript, чтобы скрыть блок кода. Когда я нажимаю кнопку «Показать больше», она показывает пустой блок, но ссылки есть, я просто не могу увидеть содержимое блока.

img 1: скрытие

img 2: блок не отображается

img 3: должен отображаться следующим образом

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', {
    ...defaultProps,
    delay: 1000,
    origin: window.innerWidth > 768 ? 'right' : 'bottom'
  });

Если я удаляю ScrollReveal, блок отображается, если я показываю больше, а затем уменьшается или уменьшается блок, но когда страница только загружена, и я показываю большеотображается пустое пространство (ссылки работают в пустом месте, как и должно).

...