.ts1, .ts2, .ts3 { max-height: 20px; overflow: hidden; transition: max-height .5s ease; } (function () { [1, 2, 3].forEach(function (n) { var texto = document.querySelector('.ts' + n); var boton = document.querySelector('.bt' + n + ' a'); if (!texto || !boton) return; var expandido = false; var textoOriginal = boton.textContent; boton.addEventListener('click', function (e) { e.preventDefault(); if (expandido) { texto.style.maxHeight = '20px'; boton.textContent = textoOriginal; } else { texto.style.maxHeight = texto.scrollHeight + 'px'; boton.textContent = 'Ver menos'; } expandido = !expandido; }); }); })();