1. #1

    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

    Michael
    no votes  

  2. #2

    Registered
    12/12/04
    Location
    Vlimmeren
    Posts
    343
    iTrader
    0
    Mentioned
    0 Post(s)
    niemand een idee?
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in