Módulo Texto com botão Leia Mais

<h5>Transtorno do Espectro Autista (TEA)</h5>
<div class="readMoreContent">

A primeira descrição de um paciente com transtorno do espectro autista (TEA) foi feita em 1943 pelo austríaco Leo Kanner.<span class="dots">…</span><span class="more"> Este transtorno é mais frequente em meninos, numa relação de 4:1.
Trata-se de uma doença neurocomportamental multifatorial, mas com influência genética importante, o que explica a grande heterogeneidade fenotípica do espectro.
O diagnóstico é feito a partir da presença de déficits persistentes na comunicação e interação social em múltiplos contextos, bem como da presença de padrões restritos e repetitivos de comportamento, interesse ou atividades, sendo estas alterações presentes desde o início do período de neurodesenvolvimento.
Frequentemente, o Transtorno do Espectro Autista está associado a transtornos psiquiátricos, como o transtorno do déficit de atenção e hiperatividade, a depressão, a ansiedade e o transtorno obsessivo-compulsivo.
O tratamento exige uma abordagem multidisciplinar e quando necessário, tratamento medicamentoso para os sintomas-alvos, como insônia, agitação psicomotora, impulsividade, irritabilidade, agressividade, desatenção, transtornos do humor, tiques e comportamentos estereotipados.
</span>

<a href="#tema2"><button class="read-more-btn">Leia Mais</button></a>

</div>

/**Texto com Leia Mais**/
/*Esconder texto adicional*/
.more {
	display: none;
}

/*Botão Leia Mais*/
.read-more-btn {
	background-color: #e1cbee;
	color: #333;
	font-weight: bold;
	padding: 8px 16px;
	border: 2px;
	border-radius: 20px;
}

document.querySelectorAll('.readMoreContent').forEach(function(item){
            const dots = item.querySelector('.dots'),
                  moreText = item.querySelector('.more'),
                  btnText = item.querySelector('.read-more-btn');
            btnText.onclick = function(){
                if (dots.style.display === "none") {
                    dots.style.display = "inline";
                    btnText.innerHTML = "Leia Mais";
                    moreText.style.display = "none";
                } else {
                    dots.style.display = "none";
                    btnText.innerHTML = "Leia Menos";
                    moreText.style.display = "inline";
                }
            }
        })