Ho preparato un menu adattando uno di quelli scaricati da html.it.
Ora io ho delle voci principali e cliccando su di queste si apre il relativo sottomenu (tipo gestione risorse).
Il menu così com'è però apre i vari sottomenu e basta. Io vorrei che per esempio se clicco sul secondo sottomenu, se il primo è già aperto si chiuda. Se poi clicco sul terzo si apre e si chiude invece il secondo.
Come modificare questo codice??????
<HTML>
<HEAD>
<TITLE>Demo Dynamic HTML: esempio pratico </TITLE>
<style>
<!--
#foldheader{cursor:hand ; }
//-->
</style>
<script language="JavaScript1.2">
<!--
var head="display:''"
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
}
else {
nested.style.display="none"
}
}
}
document.onclick=change
//-->
</script>
<link href="menu.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="white" >
<li class="menu-navir1" id="foldheader">Telescopi
<ul style="display:none";>
<li class="menu-navir">Explorer
<li class="menu-navir">Explorer T [/list]
<li class="menu-navir1" id="foldheader">Periscopi
<ul style="display:none";>
<li class="menu-navir">Expanding Periscope
<li class="menu-navir">Spyscope
<li class="menu-navir">Spyscope T
<li class="menu-navir">Giraf [/list]
<li class="menu-navir1" id="foldheader">Proiettori
<ul style="display:none";>
<li class="menu-navir">Craft Master 75 Watt
<li class="menu-navir">Craft Master 60 Watt [/list]
</body>
</html>
Rispondi quotando
