::SaBeR::
Legacy Member
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
Michael
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
Michael