JSFiddle - React, Tailwind, and code Playground

by BandonRandon

HTML

<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<a href="#" class="hide_level3_button">Hide level 3 post</a>

<div class ="Level2">
    Article 1
</div>
<div class ="Level3">
    Article 2
</div>
<div class ="Level1">
    Article 3
</div>
<div class ="Level3">
    Article 4
</div>

JavaScript

jQuery(document).ready(function($) {
    if ($.cookie("hide_level3") == "true") { //check for cookie
        $('.Level3').hide(); //hide the level
    }

    $('.hide_level3_button').click(function() {
        $('.Level3').fadeToggle(); //toggle level
        if ($.cookie("hide_level3") == "true") {
            $.cookie('hide_level3', 'false'); //unset the cookie
        }
        else {
            $.cookie('hide_level3', 'true'); //set the cookie
        }
        return false;
    });
});