JSFiddle - React, Tailwind, and code Playground

by akmiecik

HTML

<ul id="nav">
	<li>The Mission</li>
	<li>Business Models</li>
	<li>Services</li>
	<li>A Financial Hedge for Liquid Asphalt</li>
	<li>The AU Story</li>
</ul>

CSS

li ul li {} li.on ul {
  display: block
}
li.off ul {
  display: none
}

JavaScript

$(document).ready(function(){
    $("#nav li").click(function(){
        currentClass = $(this).attr('class');
        $("#nav li").removeClass('on').addClass('off');
        newClass = (currentClass == 'on' ? 'off' : 'on');
        $(this).removeClass('off').addClass(newClass);
    });
});