Я использовал 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, блок отображается, если я показываю больше, а затем уменьшается или уменьшается блок, но когда страница только загружена, и я показываю большеотображается пустое пространство (ссылки работают в пустом месте, как и должно).