JSFiddle - React, Tailwind, and code Playground

HTML

<div id="texte">Test<br />
    Test<br />
    Test<br />
   
 
   Test<br />
    Test<br />
    Test<br />
       Test<br />
    Test<br />
    Test<br />
       Test<br />
    Test<br />
    Test<br />
       
    </div>
 <a href="#" onclick="voirsuite();" id="voirsuite">Voir la suite...<br /></a>
<a href="#" onclick="replier();" style="display:none;" id="replier">Replier...</a>

CSS

#texte
{
    height:75px;
    overflow-y:hidden;
}

JavaScript

function voirsuite()
{
	document.getElementById('voirsuite').style.display = 'none';   
    document.getElementById('texte').style.height='100%';  
     document.getElementById('replier').style.display='block';
}
function replier()
{
    document.getElementById('voirsuite').style.display='block';    
    document.getElementById('texte').style.height='75px';  
     document.getElementById('replier').style.display='none';
}