JSFiddle - React, Tailwind, and code Playground

HTML

<input id="check" type="checkbox" />
<label for="check">clicky</label>
<div>
    <!-- START SLIPSUM CODE -->U FINKZ WATR MOVEZ FAST? U SHUD C ICE. IT MOVEZ LIEK IT HAS MIND. LIEK
    IT KNOWS IT KILLD TEH WURLD ONCE AN GOT TASTE 4 MURDR. AFTR TEH AVALANCHE,
    IT TOOK US WEEK 2 CLIMB OUT. NAO, I DOAN KNOE EGSAKTLY WHEN WE TURND ON
    EACH OTHR, BUT I KNOE DAT 7 OV US SURVIVD TEH SLIDE... AN ONLY 5 MADE IT
    OUT. NAO WE TOOK AN OATH, DAT IM BREAKIN NAO. WE SED WED SAY IT WUZ TEH
    SNOW DAT KILLD TEH OTHR 2, BUT IT WUZ NOT. NACHUR IZ LETHAL BUT IT DOESNT
    HOLD CANDLE 2 MAN.
    <!-- PLZ DO NOT REMOOV DIS LINE -->
    <DIV STYLE="DISPLAY:NONE;">
        <A HREF="HTTP://SLIPSUM.COM">LOREM IPSUM</A></DIV><!-- END SLIPSUM CODE --></div

CSS

input {
   display:none;
}
label {
    display:inline-block;
}
div {
    white-space: pre;
    background: #eee;
    color: #333;
    overflow:hidden;
    height:0;
    opacity:0;
    transition:height 1s, opacity 1s;
    -moz-transition:height 1s opacity 1s;
    -webkit-transition:height 1s opacity 1s;
    -o-transition:height 1s opacity 1s;
    -ms-transition:height 1s opacity 1s;
}
.changed {
    height:200px;
    opacity: 1;
}

JavaScript

$('input').on('change', function () {
    $('div').toggleClass("changed");
});