How do Recursive menu in laravel 5?

Need help with adding a submenu to a drop down menu using html and javascript.?

• I really need some help with adding a submenu to the following code so that I can branch off from a drop down option to anoher menu. Thanks! <style> body{font-family:times new roman;} table{font-size:120%;background:#} a{color:white;text-decoration:none;fon… a:hover{color:#E1E1E1} td.menu{background:black} table.menu { font-size:120%; position:absolute; visibility:hidden; } </style> <script type="text/javascript"> function showmenu(elmnt) { document.getElementById(elmnt).style.v… } function hidemenu(elmnt) { document.getElementById(elmnt).style.v… } </script> <table width="65%"> <tr bgcolor=""> <td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')"> <a href="/default.asp">Exceed 1.X</a> <table class="menu" id="tutorials" width="260"> <tr><td class="menu"><a href="/html/default.as">Environments</a>… <tr><td class="menu"><a href="/css/default.as">Documentation</a>… <tr><td class="menu"><a href="/xml/default.as">Production Support</a></td></tr> </table> </td> <td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')"> <a href="/default.asp">Exceed 1.X</a> <table class="menu" id="scripting" width="260"> <tr><td class="menu"><a href="/html/default.as">Environments</a>… <tr><td class="menu"><a href="/css/default.as">Documentation</a>… <tr><td class="menu"><a href="/xml/default.as">Production Support</a></td></tr> </table> </td> <td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')"> <a href="/site/site_validate.asp">CoverAll<… <table class="menu" id="validation" width="260"> <tr><td class="menu"><a href="/html/default.as">Environments</a>… <tr><td class="menu"><a href="/css/default.as">Documentation</a>… <tr><td class="menu"><a href="/xml/default.as">Production Support</a></td></tr> </table> </td> <td onmouseover="showmenu('training')" onmouseout="hidemenu('training')"> <a href="/default.asp">Training</a> <table class="menu" id="training" width="260"> <tr><td class="menu"><a href="/html/default.as">Documentation</a… <tr><td class="menu"><a href="/css/default.as">Videos</a></td></… </table> </td> <td onmouseover="showmenu('alfa internet project')" onmouseout="hidemenu('alfa internet project')"> <a href="/default.asp">Alfa Internet Project</a> <table class="menu" id="Alfa Internet Project" width="260"> <tr><td class="menu"><a href="/html/default.as">Environments</a>… <tr><td class="menu"><a href="/css/default.as">Documentation</a>… <tr><td class="menu"><a href="/xml/default.as">Production Support</a></td></tr> </table> </td> </table> </td> </tr> </table>

• Answer:

  You don't need any javascript. And tables, really?! It's 2012, we don't use tables for layout anymore. Do a search for css menus using lists, much simpler and cleaner.