JSFiddle - React, Tailwind, and code Playground

by Ryan Mitchell

HTML

<ul class="overlist">
    <li> <a id="underlistToggle">Tutorials</a>

        <ul class="underlist Tutorials">
            <li> <a href="#" onClick="frame(1)">Filler Text</a>

            </li>
            <li> <a href="#" onClick="frame(2)">More Filler Text</a>

            </li>
            <li> <a href="#" onClick="frame(3)">Foo Tutorial</a>

            </li>
            <li> <a href="#" onClick="frame(4)">More foo Tutorial</a>

            </li>
            <li> <a href="#" onClick="frame(5)">Foo Guide</a>

            </li>
        </ul>
    </li>
</ul>

CSS

.underlist {
    display: none;
}

JavaScript

$("a#underlistToggle").click(function() { $(".Tutorials").toggleClass("underlist"); });