JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">     <li><a href="#">1 HTML</a></li>     <li><a href="#">2 CSS</a></li>     <li><a href="#">3 Javascript </a>       <ul>             <li><a href="#">3.1 jQuery</a>               <ul>                     <li><a href="#">3.1.1 Download</a></li>                     <li><a href="#">3.1.2 Tutorial</a></li>               </ul>             </li>             <li><a href="#">3.2 Mootools</a></li>             <li><a href="#">3.3 Prototype</a></li>       </ul>     </li> </ul> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-785212-1"); pageTracker._trackPageview(); </script>

CSS

body{ font-size:0.85em; font-family:Verdana, Arial, Helvetica, sans-serif; }  #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em;  }  #nav a{ display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; }  #nav a:hover{ background-color:#fff; color:#333; }  #nav li{ float:left; position:relative; }  #nav ul { position:absolute; display:none; width:12em; top:1.5em; }  #nav li ul a{ width:12em; height:auto; float:left; }  #nav ul ul{ top:auto; }      #nav li ul ul { left:12em; margin:0px 0 0 10px; }  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

JavaScript

function mainmenu(){ $(" #nav ul ").css({display: "none"}); // Opera Fix $(" #nav li").hover(function(){         $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);         },function(){         $(this).find('ul:first').css({visibility: "hidden"});         }); }       $(document).ready(function(){                         mainmenu(); });