Pessoal, estou tendo problemas para criar mais opções do menu principal, por exemplo, Quiz..Quiz2...Quiz3 Gostaria que ficasse assim: Quiz |_Quiz11 |_Quiz12 Quiz2 |_Quiz21 |_Quiz22 Toda vez que tento inserir outras opções no menu principal não funciona. OBS: Segue o código abaixo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Wagner B. Soares" />
<title>Menu</title>
<script type="text/javascript"><!--function to hide/show submenu options-->
(document.getElementById ? DOMCapable = true : DOMCapable = false);
function show(menuName)
{
if (DOMCapable)
{
if(document.getElementById("menu1choices").style.visibility=="hidden")
{
document.getElementById("menu1choices").style.display="block";
document.getElementById("menu1choices").style.visibility="visible";
}
else
{
document.getElementById("menu1choices").style.display="none";
document.getElementById("menu1choices").style.visibility="hidden";
}
}
}
function hide(menuName)<!--Function to hide submenu if any other option from main menu selected-->
{
if (DOMCapable)
{
document.getElementById("menu1choices").style.display="none";
document.getElementById("menu1choices").style.visibility="hidden";
}
}
</script>
</head>
<body>
<div id="menu1" onClick="show('menu1choices');">
<p class="black_link" style="cursor: pointer;">Quiz</p></div>
<div id="menu1choices" style="display: block; visibility: visible;">
<table border="0">
<tbody><tr>
<td><a href="quiz1.html"
target="main" class="black_smaller">Quiz 1</a></td>
</tr>
<tr>
<td><a href="test.html"
target="main" class="black_smaller">Quiz2</a></td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
if (DOMCapable)
{
show("menu1");
}
</script>
</body>
</html> Desde já agradeço pela ajuda ;)
