JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
	<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
	<p>As opposed to using 'Content here, content here', making it look like readable English.</p>
	</div>
	<button style="">Click to remove events attached</button>

CSS

button{background:black;color:#fff;border-radius:4px;border:1px solid black;padding:5px}
	.container >p{text-align:center;max-width:}
	.container{max-width:250px;padding:10px 0px;}

JavaScript

$(document).ready(function(){
    $(".container >p").click(function(){
        $(this).slideToggle();
    });
    $("button").click(function(){
        $(".container >p").unbind();
    });
});