JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    <label><input type="checkbox" id="cbToggle" checked="true" /> Toggle</label>
    <label><input type="checkbox" id="cbSlide" checked="true" /> Slide</label>
</p>

<div id="divMain">
    Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet  Lorem Ipsum dolor simet Lorem Ipsum dolor simet
</div>

CSS

p { margin-bottom: 15px; padding: 10px; }
div { padding: 10px; }
label { margin-right: 20px; }

JavaScript

//Toggle checkbox
$('input:checkbox#cbToggle').bind('change', function() {
    var showDiv = $(this).attr('checked');
    $('#divMain').toggle(showDiv);
});


// sliding checkbox
$('input:checkbox#cbSlide').bind('change', function() {
    var showDiv = $(this).attr('checked');
    if(showDiv)
        $('#divMain').slideDown();
    else
        $('#divMain').slideUp();
    
});