JSFiddle - React, Tailwind, and code Playground

by JonathonMA

HTML

<a href="#">Hide elements</a>

<ul>
    <li id="1">Hidden Container
        <ul class="hide">
            <li>hide()</li>
        </ul>
        <ul class="hide0">
            <li>hide(0)</li>
        </ul>
        <ul class="hide1">
            <li>hide(1)</li>
        </ul>
    </li>
</ul>

<ul>
    <li>Shown Container
        <ul class="hide">
            <li>hide()</li>
        </ul>
        <ul class="hide0">
            <li>hide(0)</li>
        </ul>
        <ul class="hide1">
            <li>hide(1)</li>
        </ul>
    </li>
    <li></li>
</ul>

JavaScript

$("a").click(function() {
    $("#1").hide();
    $(".hide").hide();
    $(".hide0").hide(0);
    $(".hide1").hide(1);
    $("#1").show();
});