JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="accordion">
    <dt><a href="#welcome">Welcome</a></dt>
    <dd><p><strong>This is a basic demo for the Textformatter Accordion module for <a href="http://processwire.com">ProcessWire CMS.</a> For more information see the <a href="https://github.com/Renobird/TextformatterAccordion">Github page</a></strong></p>
<p>Lorem ipsum dolor sit amet, possim salutandi honestatis vix id. Ne dicta numquam luptatum sea. Integre democritum vel te. Amet augue nostro nec ei, vide aeque possim vel ad. Ne pro dicat constituto, no eos scriptorem necessitatibus, disputando consectetuer ad mei. Ex rebum percipit oporteat cum, utroque consulatu sea id. Sit harum nihil forensibus at, ut movet populo timeam sit.

    Assum iusto te mei. Choro pertinacia eam no, ea ubique vocibus graecis nam, vix ei mollis graecis. Usu no phaedrum postulant intellegam. In etiam officiis phaedrum sit. Nostrum maluisset complectitur vix ut.</p></dd>
    <dt><a href="#another-item">Another Item</a></dt>
    <dd><p>Lorem ipsum dolor sit amet, possim salutandi honestatis vix id. Ne dicta numquam luptatum sea. Integre democritum vel te. Amet augue nostro nec ei, vide aeque possim vel ad. Ne pro dicat constituto, no eos scriptorem necessitatibus, disputando consectetuer ad mei. Ex rebum percipit oporteat cum, utroque consulatu sea id. Sit harum nihil forensibus at, ut movet populo timeam sit.

    Assum iusto te mei. Choro pertinacia eam no, ea ubique vocibus graecis nam, vix ei mollis graecis. Usu no phaedrum postulant intellegam. In etiam officiis phaedrum sit. Nostrum maluisset complectitur vix ut.</p></dd>
    <dt><a href="#third-item">Third Item</a></dt>
    <dd><p>Lorem ipsum dolor sit amet, possim salutandi honestatis vix id. Ne dicta numquam luptatum sea. Integre democritum vel te. Amet augue nostro nec ei, vide aeque possim vel ad. Ne pro dicat constituto, no eos scriptorem necessitatibus, disputando consectetuer ad mei. Ex rebum percipit oporteat cum, utroque consulatu sea id. Sit harum...

CSS

body {
    font-family: arial;
    line-height: 24px;
}

a {text-decoration: none;}

dl.accordion {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #e0e0e0; 
}
dl.accordion > dt {
	list-style: none;
	margin: 0;
	padding: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e0e0e0; 
}
dl.accordion > dt > a {
	display: block;
	padding: 10px 40px 10px 20px;
	vertical-align: middle;
	position: relative;
	transition: all .2s ease; 
}
dl.accordion > dt > a:after {
	content: '+';
	color: #888;
	right: 16px;
	position: absolute; 
}
dl.accordion > dt > a:hover {
	text-decoration: none;
	background: #f5f5f5; 
}
dl.accordion > dt > a.open {
	background: #efefef; 
}
dl.accordion > dt > a.open:after {
	content: '-'; 
}
dl.accordion dd {
	display: none;
	padding: 10px 20px;
    margin: 0;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #e0e0e0; 
}

JavaScript

$(document).ready(function() {

    $('body').on('click', 'dl.accordion > dt > a', function (){
        $(this).toggleClass('open');
        $(this).parent().next('dd').slideToggle("fast");
        return false;
    });

});