JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<a href="#" id="btn-savedData">Saved Data:</a>

        <div id="savedData">
            <label class="checkbox"><input type="checkbox" id="chkbx-cookiedata" />Cookie data: <span id="cookiedata"></span></label>
            <label class="checkbox"><input type="checkbox" id="chkbx-serverdata" />Server data: <span id="serverdata"></span></label>
        </div>

JavaScript

$(function() {
    var $savedData = $('#savedData');
    $('#btn-savedData').click(function() {
        var btn$ = $(this);
        $savedData.slideToggle('fast', function() {
            if ($savedData.is(':visible')) {
                btn$.html('visible');
            }
            else {
                btn$.html('not visible');
            }
        });
    });
});