Hallo Nr11

Ik heb hetzelfde probleem met dit vertikaal uitschuifmenu.
Mijn probleem is misschien eenvoudiger op te lossen:
Ik wil namelijk bv. bij Hoofdlink 3 [u:8po09gpr]GEEN[/u:8po09gpr] subitems.
Door enkel in de array de sublinks te verwijderen en terug de array te hernummeren kom ik er niet.
Moet er eveneens niets in een van de functies veranderd worden?

U had een oplossing gevonden in een ander menu in Javascript. Kunt u mij misschien melden waar u het heeft gevonden en/of er veranderingen aan moeten gebeuren.

mvg

Fred

He Fred,

Ik weet niet precies meer waar ik het menu heb gevonden, maar ik zal de codes hieronder neerzetten van het menu dat ik gebruikt heb.

De code van het menu:
[code:aoym24hh]function MenuProjecten(){
if(document.getElementById('Amsterdam').style.display=='none')
{document.getElementById('Amsterdam').style.display='block';}
else{document.getElementById('Amsterdam').style.display='none';}

if(document.getElementById('Rotterdam').style.display=='none')
{document.getElementById('Rotterdam').style.display='block';}
else{document.getElementById('Rotterdam').style.display='none';}

if(document.getElementById('Utrecht').style.display=='none')
{document.getElementById('Utrecht').style.display='block';}
else{document.getElementById('Utrecht').style.display='none';}
}

function MenuContact(){
if(document.getElementById('Formulier').style.display=='none')
{document.getElementById('Formulier').style.display='block';}
else{document.getElementById('Formulier').style.display='none';}

if(document.getElementById('Gegevens').style.display=='none')
{document.getElementById('Gegevens').style.display='block';}
else{document.getElementById('Gegevens').style.display='none';}

}[/code:aoym24hh]

En om het menu aan te roepen:

[code:aoym24hh]
<div class="item"><a href="index.php">Home</a></div>
<div class="item" onclick="MenuProjecten();">Projecten</div>
<div id="Amsterdam" style="display:none;">
<div class="keuze"><a href="amsterdam.php">Regio Amsterdam</a></div>
</div>
<div id="Rotterdam" style="display:none;">
<div class="keuze"><a href="rotterdam.php">Regio Rotterdam</a></div>
</div>
<div id="Utrecht" style="display:none;">
<div class="keuze"><a href="utrecht.php">Regio Utrecht</a></div>
</div>
<div class="item"><a href="geschiedenis.php">Geschiedenis</a></div>
<div class="item" onclick="MenuContact();">Contact</div>
<div id="Formulier" style="display:none;">
<div class="keuze"><a href="contact.php">Formulier</a></div>
</div>
<div id="Gegevens" style="display:none;">
<div class="keuze"><a href="gegevens.php">Gegevens</a></div>
</div>[/code:aoym24hh]

In je stylesheet:

[code:aoym24hh]/* Menu codes */

.item {
cursor: pointer;
color: #FFF;
font-size: 90%;
font-weight: bold;
background-color: #333366;
border: 1px solid white;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
padding: 3px;
}

.item a {
text-decoration: none;
color: #FFF;
}

.keuze {
font-size: 80%;
color: #333366;
background-color: #FFF;
border: 1px solid #CCF;
margin-bottom: 2px;
margin-top: 2px;
margin-left: 20px;
}

.keuze a {
color: #333366;
background-color: #FFF;
text-decoration:none;
}
[/code:aoym24hh]

Het spreekt denk ik wel voor zich, maar als je er niet uit komt moet je maar even hier posten, dan probeer ik je wel even te helpen. Een voorbeeld is [url=http://www.jdbdesign.nl/visscherbouw/:aoym24hh]hier[/url:aoym24hh] te vinden.

Grtz,

Jeroen