JSFiddle - React, Tailwind, and code Playground

by Venkatesh Dematti

HTML

<a href="#" class="show_hide" data-content="toggle-text">Read More</a>
<div class="content">Testing</div>

JavaScript

$(document).ready(function () {
    $(".content").hide();
    $(".show_hide").on("click", function () {
        var txt = $(".content").is(':visible') ? 'Read More' : 'Read Less';
        $(".show_hide").text(txt);
        $(this).next('.content').slideToggle(200);
    });
});