JSFiddle - React, Tailwind, and code Playground

by Barry Margolin

HTML

<script src="http://dev.bridgebase.com/barmar_test/jquery.cookie.js"></script>
<div class="question_trigger">
                <p>
                    Hi
                </p>
            </div>
            <div class="toggle_container">
                <div class="block">
                    Hello
                </div>
            </div>

JavaScript

jQuery(document).ready(function() {
    console.log("Initial cookie: "+($.cookie('showTop')));
    jQuery(".toggle_container").toggle($.cookie('showTop') != 'collapsed');
    jQuery("div.question_trigger").click(function() {
        jQuery(this).toggleClass("active").next().toggle();
        var new_value = $(".toggle_container").is(":visible") ? 'expanded' : 'collapsed';
        console.log("New value: "+new_value);
        $.cookie('showTop', new_value);
    });
});