Pokazywanie i ukrywanie części tesktu

Question

Witam, Mam problem z kodem JS. Tekst ma być widoczny, albo do połowy lub 200 znaków i reszta zakryta, następnie po naciśnięciu przycisku "Pokaż więcej" ma się rozwinąć cały tekst. Problem w tym, że mam tylko po przez css zakrycie do danego rozmiaru jaki sobie wybiorę a nie taki efekt ma być osiągnięty. Moje pytanie, czy modyfikować ten kod, czy użyć innej funkcji, jeśli tak to jakiej?

$(document).ready(function(){
    $(".opis").each(function(){
      $(this).append("<div class='wiecej'>Wiecej</div>");
      var text = $(this).find('.text');
      var wys = text.height();
      
      text.css('height','340px');
      $(this).on('click','.wiecej',function(){
        text.animate({height:wys},1000);
        
      });
    });
  });