JSFiddle - React, Tailwind, and code Playground

by VanessaKing

HTML

<ul id="menu">

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

        <ul>
          <li><a href="#">Youtube</a></li>
          <li><a href="#">Blog</a></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').click(

    function() {
        $('#menu ul').hide('normal');
        $(this).next().slideToggle('normal');

    });

}
$(document).ready(function() {
    initMenu();
});