<style>
.textBlock {
display: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.weiterlesenButton {border:none;padding:5px 10px!important;}

<script>
// Finde alle Elemente mit der Klasse „weiterlesenButton“
const weiterlesenButtons = document.querySelectorAll(„.weiterlesenButton“);

// Füge für jedes Button-Element einen Event-Listener hinzu
weiterlesenButtons.forEach(button => {
button.addEventListener(„click“, () => {
const textBlock = button.nextElementSibling;

if (textBlock.style.maxHeight === „0px“ || textBlock.style.maxHeight === „“) {
textBlock.style.display = „block“;
textBlock.style.maxHeight = textBlock.scrollHeight + „px“;
button.textContent = „Weniger anzeigen“;
} else {
textBlock.style.maxHeight = „0“;
textBlock.style.display = „none“;
button.textContent = „Weiterlesen“;
}
});
});
</script>

</style>
<button class=“weiterlesenButton“>Weiterlesen</button>
<div class=“textBlock“>
<p>Hier ist der Text, den du anzeigen möchtest.</p>
</div>