JSFiddle - React, Tailwind, and code Playground

by Boopathi Rajan

HTML

<div class="about-content">
<div class="small-content">
At Sara Salon & Spa not only do we offer the latest and best beauty treatments including world-renowned facials, as well as lash extensions and enhancements, our beauty team is on...
<a href="#" class="view-more">View more</a>
</div>
<div class="full-content" style="display:none">
 At Sara Salon & Spa not only do we offer the latest and best beauty treatments including world-renowned facials, as well as lash extensions and enhancements, our beauty team is on,
hand to provide you with helpful tips and advice to ensure you will always look your most beautiful self.Our beauty therapists are highly-skilled and offer the beauty industry’s most hyped treatments to keep you perfectly groomed So if you want a quick fix or even indulge in a few hours of luxurious pampering, why not call us and let us fulfill your every grooming desire.
<a href="#" class="view-less">View less</a>
</div>
</div>

CSS

.ss
{
    display:none;
}

JavaScript

$('.view-more').click(function(){
  	$(this).parent().hide();
    $(this).parent().next('.full-content').slideToggle();
});
$('.view-less').click(function(){
  	$(this).parent().hide();
    $(this).parent().prev('.small-content').slideToggle();
});