JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<div id="container">
    <span>Label</span>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat justo nulla, et cursus urna. Morbi elit nisl, sodales a dignissim in, eleifend pretium ligula. Maecenas aliquet tortor vel orci faucibus posuere. Etiam dictum, turpis nec ultrices ullamcorper, massa nisl consequat lacus, ac blandit justo felis ac felis. Nulla vulputate imperdiet facilisis. Ut vel sodales mauris. Phasellus rhoncus vehicula consectetur. Vestibulum a odio diam, sit amet dictum velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Donec gravida aliquam condimentum. Fusce vel erat nisl. Curabitur congue pharetra mi non scelerisque. Aliquam commodo dignissim feugiat. Vivamus aliquam commodo magna, quis vehicula dolor egestas in. Curabitur bibendum urna vitae nunc auctor sed mattis elit tristique.</p>
    </div>
</div>

CSS

body, div, span {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}
span {
    background: #19b;
    color: #fff;
    cursor: pointer;
    display: block;
}
#container {
    border: 2px solid #179;
    width: 300px;
}

JavaScript

$('span').click(function(){
    $(this).next('div').slideToggle();
});