-
07-10-2010, 16:36 #1Member
- Registered
- 12/12/04
- Location
- Vlimmeren
- Posts
- 343
- iTrader
- 0
- Mentioned
- 0 Post(s)
collapsible menu, open tweede onload
Hai,
Ik ben een siteje aan het construeren. (KLIK)
Hieronder is de javascript die ik gebruik.
function initMenus() {
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('#' + this.id + '.expandfirst ul:first').show();
});
$('ul.menu li a').click(
function() {
var checkElement = $(this).next();
var parent = this.parentNode.parentNode.id;
if($('#' + parent).hasClass('noaccordion')) {
$(this).next().slideToggle('normal');
return false;
}
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
if($('#' + parent).hasClass('collapsible')) {
$('#' + parent + ' ul:visible').slideUp('normal');
}
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#' + parent + ' ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenus();});
zoals je kan zien op de 4de lijn, staat het eerste menu-item reeds open wanneer je de class expandfirst toevoegt aan je menu. (op de link kan je dit zien in de onderverdeling locatie; wanneer daarop geklikt wordt blijft het menu-item 'locaties' openstaan.)
Nu vroeg ik mij af hoe ik dit ook zou kunnen fixen voor het tweede, en tevens laatste menu-item (chirurgie).
Iemand die mij dit kan en wil vertellen? Ik ken namelijk eigenlijk niets van JS.
Alvast heel erg bedankt
Michaelno votes
-
-
08-10-2010, 15:13 #2Member
- Registered
- 12/12/04
- Location
- Vlimmeren
- Posts
- 343
- iTrader
- 0
- Mentioned
- 0 Post(s)
niemand een idee?
no votes
