Show more Landings

document.addEventListener("DOMContentLoaded", function () {

    // Get all Read More buttons

    const readMoreButtons = document.querySelectorAll('.read-more');

    readMoreButtons.forEach(button => {

        button.addEventListener('click', function (event) {

            event.preventDefault();

            const feature = this.closest('.feature');

            const longDesc = feature.querySelector('.long-desc');

            const shortDesc = feature.querySelector('.short-desc');

            if (longDesc.style.display === "none") {

                longDesc.style.display = "block";

                shortDesc.style.display = "none";

                this.textContent = "Read Less";

            } else {

                longDesc.style.display = "none";

                shortDesc.style.display = "block";

                this.textContent = "Read More";

            }

        });

    });

});

document.addEventListener("DOMContentLoaded", function () {

    // Get all Read More buttons

    const readMoreButtons = document.querySelectorAll('.read-more');

    readMoreButtons.forEach(button => {

        button.addEventListener('click', function (event) {

            event.preventDefault();

            const feature = this.closest('.feature');

            const longDesc = feature.querySelector('.long-desc');

            const shortDesc = feature.querySelector('.short-desc');

            if (longDesc.style.display === "none") {

                longDesc.style.display = "block";

                shortDesc.style.display = "none";

                this.textContent = "Read Less";

            } else {

                longDesc.style.display = "none";

                shortDesc.style.display = "block";

                this.textContent = "Read More";

            }

        });

    });

});