Wie kan mij met het volgende helpen?
Ik heb een functie die ervoor moet zorgen dat er 4 verschillende items openklappen.
Dit moet wel 1 voor 1 gebeuren.

Momenteel klapt alles onder elkaar open, als ik op bijvoorbeeld link 2 klik enz.
Ik heb hieronder even de code neergezet.

Jacascript:

Code:

        function toggleLayer( whichLayer )
            {
            var elem, vis;
            if( document.getElementById ) // this is the way the standards work
            elem = document.getElementById( whichLayer );
            else if( document.all ) // this is the way old msie versions work
            elem = document.all[whichLayer];
            else if( document.layers ) // this is the way nn4 works
            elem = document.layers[whichLayer];
            vis = elem.style;
            // if the style.display value is blank we try to figure it out here
            if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
            vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
            vis.display = (vis.display==''||vis.display=='block')?'none':'block';
            }
            //-->

HTML:

Code:

        <div class="content_2colum_right">
            <a href="javascript:toggleLayer('careercontent1');" >career 1</a><br />
            <a href="javascript:toggleLayer('careercontent2');" >career 1</a><br />
            <a href="javascript:toggleLayer('careercontent3');" >career 1</a><br />
            <a href="javascript:toggleLayer('careercontent4');" >career 1</a><br />
        </div>

        <div id="careercontent1" class="content_2colum_right2" style="display:none;">
            Hier komt tekst te staan
        </div>
        <div id="careercontent2" class="content_2colum_right2" style="display:none;">
            Hier komt tekst te staan
        </div>
        <div id="careercontent3" class="content_2colum_right2" style="display:none;">
            Hier komt tekst te staan
        </div>
        <div id="careercontent4" class="content_2colum_right2" style="display:none;">
            Hier komt tekst te staan
        </div>

Alvast bedankt voor wie mij hiermee kan helpen.