How to implement text hiding (cat, cut) in Javascript?

Question

JavaScript

I liked the implementation of hiding text in VKontakte.

Are there any libraries or ready-made functions for this?

Answer 1

In the end, I wrote it myself. If anyone is interested:

widget.onload = function(){
  block = document.getElementById('content');
  block_height =  block.style.height ? block.style.height : block.offsetHeight;
  
  if(block_height > 180){
    block.style.maxHeight = '180px';
    link = document.getElementById('read-next');
    link.style.display = 'inline'; 
          
    link.onclick = function(){
      block.style.maxHeight = '';
      link.innerHTML = 'Читать далее...';    
      link.style.display = 'none';
      skyscraper();
      return false;
    }
  }
}

You can see it in work here: www.yandex.ru/?add=157239

Answer 2

details + polyfill.