test.html

<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus sit quibusdam rem quaerat, laboriosam voluptas
    accusantium animi sint et itaque doloremque saepe. Consectetur fugiat ipsa numquam aperiam asperiores aliquam
    adipisci ad! Velit est nam pariatur eum explicabo perferendis unde nobis.</p>

<button class="more">More</button>

<div class="hidden">
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus sit quibusdam rem quaerat, laboriosam voluptas
        accusantium animi sint et itaque doloremque saepe. Consectetur fugiat ipsa numquam aperiam asperiores aliquam
        adipisci ad! Velit est nam pariatur eum explicabo perferendis unde nobis.</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus sit quibusdam rem quaerat, laboriosam voluptas
        accusantium animi sint et itaque doloremque saepe. Consectetur fugiat ipsa numquam aperiam asperiores aliquam
        adipisci ad! Velit est nam pariatur eum explicabo perferendis unde nobis.</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus sit quibusdam rem quaerat, laboriosam voluptas
        accusantium animi sint et itaque doloremque saepe. Consectetur fugiat ipsa numquam aperiam asperiores aliquam
        adipisci ad! Velit est nam pariatur eum explicabo perferendis unde nobis.</p>
</div>

<style>
    .hidden {
        display: none;
    }
    .hidden.active {
        display: block;
    }
</style>

<script>
    let btn = document.querySelector('.more')
    let hidden = document.querySelector('.hidden')
    btn.addEventListener('click', function () {
        hidden.classList.add('active')
        btn.classList.add('hidden')
    })
</script>