<noscript>
document.addEventListener('DOMContentLoaded',function(){
jQuery(function($){
$('.hovertabs .e-n-tab-noscript').mouseenter(function(){
$(this).click();
});
});
});
</noscript>

<div class="readmore-box">
<p class="highlight-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut d <span class="dots">...</span><span class="more">feugiat sed lectus. Non nisi est sit amet facilisis magna. Dignissim diam quis enim lobortis scelerisque fermentum. Odio ut enim blandit volutpat maecenas volutpat. Ornare lectus sit amet est placerat in egestas erat. Nisi vitae suscipit tellus mauris a diam maecenas sed. Placerat duis ultricies lacus sed turpis tincidunt id aliquet.
</span></p>

<button onclick="myFunction(this)" class="myBtn">
<span class="btn-text">View more</span>
<img class="btn-icon" src="youriconurl" style="width:22px; height:22px; margin-left:0px; margin-bottom: -5px">
</button>
</div>

<noscript>
function myFunction(button) {
var container = button.closest('.readmore-box');
var dots = container.querySelector('.dots');
var moreText = container.querySelector('.more');
var btnText = button.querySelector('.btn-text');

if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "View more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "View less";
moreText.style.display = "block";
}
}

</noscript>