JSFiddle - React, Tailwind, and code Playground

by Aakash Chakravarthy

HTML

<script src="http://www.aakashweb.com/resources/js/jquery.collapser.js"></script>
<H1><b>Prehidden</b></h1>
<a href="#" class="paragraphExpander">Some text</a>
<p style="display:none;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>

<hr/>

<H1><b>Not prehidden</b></h1>
<a href="#" class="paragraphExpander">Some text</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>

JavaScript

$('.paragraphExpander').collapser({
        target: 'next',
        targetOnly: 'p',
        expandHtml: 'Expand Paragraph',
        collapseHtml: 'Collapse Paragraph'
    });