כפתור קרא עוד

לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה. לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה. לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה.

הוראות

				
					.my-text{
    position: relative;
    max-height: 7.5em;
    overflow: hidden;
    transition: 1s;
}
.my-text:not(.active):before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 1.5em;
    width: 100%;
    background: linear-gradient(to bottom, transparent, white);
  
}
.my-text.active{
    max-height: 15em;
}
				
			
				
					

var mybtn = document.querySelector(".my-btn");
var mytext = document.querySelector(".my-text");

mybtn.onclick = function(){
mytext.classList.toggle("active");
if(mytext.classList.contains('active')){
document.querySelector(".my-btn .elementor-button-text").innerText = "פחות";
}
else{
   document.querySelector(".my-btn .elementor-button-text").innerText = "קרא עוד"; 
}

};