JSFiddle - React, Tailwind, and code Playground

by Manuel Castro

HTML

<ul id="menu">

     <li><a href="#">Home</a></li>
     <li><a href="#">In the news</a>

        <ul>
          <li><a href="#">Youtube</a>
              <ul>
                <li><a href="#">Youtube</a></li>
                <li><a href="#">Blog</a></li>

              </ul></li>
          <li><a href="#">Blog</a>
              <ul>
                <li><a href="#">Youtube</a></li>
                <li><a href="#">Blog</a></li>

              </ul>
          </li>

        </ul>
     </li>

     <li><a href="#">Who's Who?</a>
         <ul>
           <li><a href="#">Youtube</a></li>
           <li><a href="#">Tackle Hunger Tackle  Hunger</a></li>
        </ul>
    </li>
     <li><a href="#">Services Offered</a></li>

 </ul>

JavaScript

function initMenu() {
    $('#menu ul').hide(); 
    $('#menu > li > a').on('click', function() {
        $('#menu ul').slideUp();
        $(this).next().slideDown();
    });
}
$(document).ready(initMenu);