Сократить код в js появление/скрытие элементов?

Вот элементы по которым клик

<a onclick="showDiv(document.getElementById('fundament__block'))" class="about__work1 work__left">
            <img class="work__img" src="../img/work1.jpg" alt="">
            <h2 class="about__text__img">Фундамент</h2>
            <h3 class="about__text__subtitle">&bull; Монолитный <br>&bull; Плитный<br>&bull; Свайный<br>&bull; Ленточный<br>&bull; Винтовой<br>&bull; Столбчатый<br>
             <span class="sub">Нажмите чтобы посмотреть</span></h3>
             <p class="name__block_left">Фундамент</p>
        </a>

        <a onclick="showDiv1(document.getElementById('stena__block'))" class="about__work2 work__right">
            <img class="work__img" src="../img/work2.jpg" alt="">
            <h2 class="about__text__img">Стены дома</h2>
            <h3 class="about__text__subtitle">&bull; Из кирпича <br>&bull; Из блоков<br>&bull; Деревянный сруб<br>&bull; Каркас<br>&bull; Брус<br>&bull; SIP панели<br><span class="sub">Нажмите чтобы посмотреть</span></h3>
            <p class="name__block_right">Стены дома</p>
        </a>

Вот элементы которые отображаются

<div id="fundament__block" class="fundament__block">
        <p class="title__uslugy">Фундамент</p>
        <p class="sub_title__uslugy">Это основной конструктивный элемент зданий и сооружений, воспринимающий все нагрузки</p>
        <p class="text__uslugy">От правильности </p>
    </div>
    <div id="stena__block" class="stena__block">
        <p class="title__uslugy">Стены</p>
        <p class="sub_title__uslugy">Возьмем на себя организацию всех работ пока вы будете заниматься делами</p>
        <p class="text__uslugy"> От правильности </p>
    </div>
    </div>

Сократить код в js появление/скрытие элементов?

Ввел ваш код тут. Он показывает его. Но как сделать это при клике. Еще раз повторюсь 0 в js, так бы за помощью не обратился
https://codepen.io/pen/

Сократить код в js появление/скрытие элементов?

Сергей Соколов, При клике переход на другую страницу и отображение информации в центре страницы

Главная страница:

<a href="pages/fundament.html" class="about__work1 slideInLeft wow">
            <img class="work__img" src="img/work1.jpg" alt="">
            <h2 class="about__text__img">Фундамент</h2>
            <h3 class="about__text__subtitle">&bull; Монолитный <br>&bull; Плитный<br>&bull; Свайный<br>&bull; Ленточный<br>&bull; Винтовой<br>&bull; Столбчатый<br>
             <span class="sub">Нажмите чтобы посмотреть</span></h3>
        </a>

Страница с услугами:

<a onclick="showDiv(document.getElementById('fundament__block'))" class="about__work1 work__left">
            <img class="work__img" src="../img/work1.jpg" alt="">
            <h2 class="about__text__img">Фундамент</h2>
            <h3 class="about__text__subtitle">&bull; Монолитный <br>&bull; Плитный<br>&bull; Свайный<br>&bull; Ленточный<br>&bull; Винтовой<br>&bull; Столбчатый<br>
             <span class="sub">Нажмите чтобы посмотреть</span></h3>
             <p class="name__block_left">Фундамент</p>
        </a>

<div id="fundament__block" class="fundament__block">
        <p class="title__uslugy">Фундамент</p>
        <p class="sub_title__uslugy">Это основной конструктивный элемент зданий и сооружений, воспринимающий все нагрузки</p>
        <p class="text__uslugy">От правильнос.</p>
</div>

Сократить код в js появление/скрытие элементов?

Simkav, Есть блок на главной странице

<a href="pages/fundament.html" class="about__work1 slideInLeft wow">
            <img class="work__img" src="img/work1.jpg" alt="">
            <h2 class="about__text__img">Фундамент</h2>
            <h3 class="about__text__subtitle">&bull; Монолитный <br>&bull; Плитный<br>&bull; Свайный<br>&bull; Ленточный<br>&bull; Винтовой<br>&bull; Столбчатый<br>
             <span class="sub">Нажмите чтобы посмотреть</span></h3>
        </a>

Который переходит на страницу с услугами. Хотелось бы чтоб отображалась информация из этого showDiv. При клике на главной. Читаю уже документацию локал сторейджа битый час - непонимаю. в Js совсем вася

<a onclick="showDiv(document.getElementById('fundament__block'))" class="about__work1 work__left">
            <img class="work__img" src="../img/work1.jpg" alt="">
            <h2 class="about__text__img">Фундамент</h2>
            <h3 class="about__text__subtitle">&bull; Монолитный <br>&bull; Плитный<br>&bull; Свайный<br>&bull; Ленточный<br>&bull; Винтовой<br>&bull; Столбчатый<br>
             <span class="sub">Нажмите чтобы посмотреть</span></h3>
             <p class="name__block_left">Фундамент</p>
        </a>

Фон fixed дергается при скрытии скролла?

TheOnlyFastCoder2, Да, бро дискорд есть) Никогда не называл его так просто) Благодарю за инфу по кол-ву сообщений
lltemall#7853 discord

Фон fixed дергается при скрытии скролла?

TheOnlyFastCoder2, Дс это что? могу на codepen воспроизвести сайт

Фон fixed дергается при скрытии скролла?

Артем, Один хрен улетает бро. Не понимаю как это пофиксить

Фон fixed дергается при скрытии скролла?

Разобрался. В итоге так и сделал. Только с css а с помощью js
Может кому пригодиться

$(window).scroll(function() {

    var st = $(this).scrollTop();

    $(".container").css({  /* это то что будем паралаксить */
        "transform" : "translate(0%, -" + st /10 + "%"
    });
});

Фон fixed дергается при скрытии скролла?

TheOnlyFastCoder2, НЕ получается так воплотить. Появляется скролл. Убираешь скролл картинка ниже границ. Обозначаешь границы нет паралакса. да и не получается его воплотить tranform. хз что делать. Пока штрудую инет

Фон fixed дергается при скрытии скролла?

Lynn «Кофеман», Очень признателен за время уделенное. Уже нашел решение! Иначе добиться паралакс эффекта. А то привязался к этому fixed

Фон fixed дергается при скрытии скролла?

TheOnlyFastCoder2, Возможно у вас во весь экран. Если увеличить длину страницы, то увидитею Да, хочу паралакс сделать. Благодарю сейчас попробую.

Фон fixed дергается при скрытии скролла?

TheOnlyFastCoder2, https://codepen.io/asdasdsss/pen/dyWWXqp

После нажатия на кнопку Перезвоните мне

Фон fixed дергается при скрытии скролла?

Lynn «Кофеман», https://codepen.io/asdasdsss/pen/dyWWXqp

После нажатия на кнопку Перезвоните мне

Фон fixed дергается при скрытии скролла?

Сейчас реализую

Фон fixed дергается при скрытии скролла?

Нужно чтобы при прокрутке скролла изображение двигалось вместе с ним

Как избежать Дублируются изображения Swiper в Fancybox 3?

Благодарю. Уже видел этот пост. У меня сначала был Магнифик слайдер. Но там с изменением разметки какие то проблемы были. Буду разбираться. Пока не совсем получается. Но все равно огромное спасибо! А походу совсем полный нубас в Js

Как избежать Дублируются изображения Swiper в Fancybox 3?

Антон Литвиненко, А вот что со слайдером происходит

Как избежать Дублируются изображения Swiper в Fancybox 3?

Антон Литвиненко, Я что только не перепробывал. Уже было решение слайдер поменять

Как избежать Дублируются изображения Swiper в Fancybox 3?

это если в модалке ставишь false

а это в слайдере. Проблему решает. Но хотелось бы видеть зацикленный слайдер

Как избежать Дублируются изображения Swiper в Fancybox 3?

Антон Литвиненко, Слайдеру или Модальному окну. Задаю слайдеру да, проблема решается. Но ломается слайдер - слева пустота. Для Fancybox задаю loop значение false ничего не происходит