JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="jsddm">
<li><a href="#">JavaScript</a>
    <ul>
        <li><a href="#">Drop Down Menu</a></li>
        <li><a href="#">jQuery Plugin</a></li>
        <li class="b"><a href="#">Ajax Navigation</a>
            <ul>
                <li><a href="#">AJAXIFY</a></li>
            </ul>
        </li>
    </ul>
</li>
<li><a href="#">Effect</a>
    <ul>
        <li><a href="#">Slide Effect</a></li>
        <li><a href="#">Fade Effect</a></li>
        <li><a href="#">Opacity Mode</a></li>
        <li><a href="#">Drop Shadow</a></li>
        <li><a href="#">Semitransparent</a></li>
    </ul>
</li>
<li><a href="#">Navigation</a></li>
<li><a href="#">HTML/CSS</a></li>
<li><a href="#">Help</a></li>

CSS

#jsddm
{ margin: 0; padding: 0}

#jsddm li
{   float: left;
    list-style: none;
    font: 12px Tahoma, Arial}

#jsddm li a
{   display: block;
    background: #20548E;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 70px;
    color: #EAFFED;
    white-space: nowrap}

#jsddm li a:hover
{   background: #1A4473}

    #jsddm li ul
    {   margin: 0;
        padding: 0;
        position: absolute;
        visibility: hidden;
        border-top: 1px solid white;
        opacity: 0;
}

    #jsddm > li:hover ul,
    #jsddm > li:hover ul li:hover ul
    {
        visibility: visible;
        opacity: 1;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;    
}

    #jsddm ul {

  -webkit-transition: all .5s ease-out .5s;
  -moz-transition: all .5s ease-out .5s;
  -ms-transition: all .5s ease-out .5s;
  -o-transition: all 5s ease-out.5s;
  transition: all .5s ease-out.5s;
}


    #jsddm > li:hover ul li ul {
        visibility: hidden;
    }


    #jsddm li ul li
    {   float: none;
        display: inline;
        position: relative;
}

    #jsddm li ul li a
    {   width: auto;
        background: #9F1B1B}

    #jsddm li ul li a:hover
    {   background: #7F1616}