JSFiddle - React, Tailwind, and code Playground

by airshow

HTML

<ul id="navlist">
   <li><a href="#">Item one</a></li>
   <li><a href="#">Item two</a></li>
   <li><a href="#">Item three</a></li>
   <li><a href="#">Item four</a></li>
   <li><a href="#">Item five</a></li>
</ul>

CSS

.hidden {
  visibility: hidden;
}

JavaScript

$('#navlist').on('click', 'a', function() {
    $(this).closest('li').siblings().toggle();
    return false;
});

/*
$('#navlist').on('click', 'a', function() {
    $(this).closest('li').siblings().toggleClass('hidden');
    return false;
});
*/