JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<center>Open and Close content</center>
<div class="example1">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis
        sagittis lectus. Curabitur quam arcu, adipiscing quis pretium in, pharetra
        eget dolor.</p>
</div>

JavaScript

$(document).ready(function () {
    $('.example1').hide().before('<a href="#" id="open-example1" class="button">Open ↓</a>');
    $('.example1').append('<a href="#close-example1" id="close-example1" class="button">Close ↑</a>');
    $('a#open-example1').click(function () {
        $('.example1').slideDown(100);
        return false;
    });
    $('a#close-example1').click(function () {
        $('.example1').slideUp(100);
        return false;
    });
});