Implement a "Read More" functionality for content using JavaScript.

read.html

<div class="sccontent">
    <p>default text here</p>
    <p class="moretext">
      more text here
    </p>
</div>
 <a class="readmore" href="#">Read more</a>

<style>
.moretext {
  display: none;
}
</style>
<script>
jQuery('.readmore').click(function () {
        jQuery('.moretext').slideToggle();
        if (jQuery('.readmore').text() == "Read more") {
            jQuery(this).text("Read less")
        } else {
            jQuery(this).text("Read more")
        }
    });
</script>