JSFiddle - React, Tailwind, and code Playground

by Saeed Abbaspour

HTML

<p><em>A Handley Page Halifax of No. 4 Group flies over the suburbs of Caen, France, during a major daylight raid to assist the Normandy land battle. <a href="#" class='more'>More</a> <span class="collapse">467 aircraft took part in the attack, which was originally intended to have bombed German strongpoints north of Caen, but the bombing area was eventually shifted nearer the city because of the proximity of Allied troops to the original targets. The resulting bombing devastated the northern suburbs,1944/2012</span></em><span class="collapse"> (installation detail), 2012, Lisa Oppenheim, gelatin silver print. The Museum of Modern Art/SCALA/Art Resource. © Lisa Oppenheim </span><a href="#" class='less'>Less</a>
</p>

JavaScript

$(document).ready(function () {
    $('.collapse, .less').hide();
    $('.more').on('click', function () {
        $('.collapse, .more, .less').toggle();
    });
    $('.less').on('click', function () {
        $('.collapse, .more, .less').toggle();
    });
});