JSFiddle - React, Tailwind, and code Playground

by Dwza

HTML

<div class="supplier--weitere">
  <div class="short-text">kurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer textkurzer text</div>
  <div class="show-more">mehr anzeigen</div>
  
  <div class="long-text">
    hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world hello world
  </div>
</div>
<div class="supplier--weitere">
  <div class="short-text">2 .kurzer text</div>
  <div class="show-more">mehr anzeigen</div>
  <div class="long-text">
    impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi impsum loris opsi 
  </div>
</div>

CSS

.long-text{
  display: none;
}

JavaScript

$('.show-more').on('click', function() {
  $(this).hide();
  $(this).siblings('.short-text')
         .fadeOut(500)
         .siblings('.long-text')
         .delay(500)
         .fadeIn(500);
  //$(this).siblings('.long-text').fadeIn(500);
});