collapse/expand
26 maart 2008 - 12:31   
geplaatst door: fooze
ik heb een vraag over mijn uitklaptext.

ik heb verschillende linkjes gemaakt, als je erop klikt klapt er een stukje text onderuit. wat ik nu wil is dat als er een open geklapt is en je klikt op een andere dat die vorige dan weer dichtklapt, is dit mogelijk? zo ja hoe?

dit is wat ik nu heb

<div class="1 stijl4">
a onclick="document.getElementById('detail_10_1').style.display=(document.getElementById('detail_10_1').style.display=='none')?('block'):('none');return false;"   href="">Zakelijke en persoonlijke financiële planning</a>
<div id="detail_10_1" style="display:none;">

</div>
</div>

collapse/expand
26 maart 2008 - 13:29    reactie #1
geplaatst door: mvdg
Natuurlijk kan dat.

De code die je nu hebt, doet voor 1 bepaald element de weergave aan als hij uit is, of uit als hij aan is. Voor de functie die jij aangeeft zou ik een algemenere oplossing kiezen. Je kunt waarschijnlijk het beste gewoon als je ergens op klikt alles uit doen, en dan degene die je bedoelt aan.

Je kunt dat met een javascript functie doen die je in het HEAD gedeelte van je document zet. Zoiets als:


function kiesLaag(welkelaag) {

 // vastleggen welke lagen er allemaal zijn
 var lagen = new Array();
 lagen[0] = 'detail_1';
 lagen[1] = 'detail_2';
 // (enzovoort met de namen van je DIVs) //

 for (i=0; i<lagen.length; i++) {
   // lagen langslopen en uit doen, behalve als we deze willen hebben
   document.getElementById(lagen[i]).style.display = (lagen[i]==welkelaag) ? 'block':'none';
 }

}

en deze code roep je dan aan met (gebaseerd op jouw code):


<div class="1 stijl4"><a onclick="javascript:kiesLaag('detail_10_1'); return false;">Hier staat de tekst van de link</a>
<div id="detail_10_1" style="display:none;">
Hier staat de inhoud die moet verschijnen
</div>
</div>

Snappie?

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
collapse/expand
26 maart 2008 - 13:31    reactie #2
geplaatst door: fooze
dankjewel, ik ga het gelijk proberen.

**EDIT**

het is gelukt!!! harstikke tof man, dankjewel!

nog een klein dingetje, wat moet ik aanpassen zodat ik dezelfde ook weer kan dichtklikken?

(Bewerkt door fooze om 14:16, 26-03-2008)