Dhtml - tekst in- en uitklappen

Status
Niet open voor verdere reacties.

Gwenniejjj

Gebruiker
Lid geworden
22 nov 2011
Berichten
10
Hallo allemaal,

hopelijk kan 1 van jullie mij helpen..

Ik ben bezig met een F.A.Q. pagina..
In die pagina wil ik alleen de vragen zichtbaar hebben en als je dan op de vraag klikt dat dan het antwoord tevoorschijn komt..
Nu ben ik al aardig ver gekomen om het zo een beetje te krijgen..
Maar hij doet het enkel bij de eerste vraag..
Maar ik wil het natuurlijk bij de andere vragen ook..

Wie kan mij daar bij helpen?

Dit is wat ik tot nu toe voor elkaar heb gekregen
HTML:
<script type="text/javascript">
<!--  
function beginfase()
{
  document.getElementById(value).style.visibility = 'hidden'; 
}
function showOrHide(value) 
{ 
  if(document.getElementById(value).style.visibility == 'hidden') 
  { 
    document.getElementById(value).style.visibility = 'visible'; 
  } 
  else 
  { 
  document.getElementById(value).style.visibility = 'hidden'; 
  }
} 
//-->
</script>
<script type="text/javascript">
<!--
function showOrHide(value) 
{ 
  if (document.getElementById(value).style.display == 'none') 
  { 
    document.getElementById(value).style.display = 'block'; 
  } 
  else 
  { 
    document.getElementById(value).style.display = 'none'; 
  } 
} 

function beginfase()
{
  document.getElementById('layer1').style.display = 'none'; 
}
//-->
</script>
<body onload="beginfase()">
<a href="javascript:showOrHide('layer1')">Waar kan ik gehuurde spullen afhalen en hoe zijn jullie bereikbaar?</a>
<div id="layer1">Let er op dat schuimmachines een tank hebben van 1 kubieke meter waardoor vervoer in een gewone personenauto niet mogelijk is. 
Schuimparty.net is een onderdeel van Ocean Entertainment. 
4e Industriestraat 13 
3133 EK Vlaardingen 
Telefoon: 010-4602547 Mobiel: 06-28264651 
E-mail: info@schuimparty.net</div><br>
<a href="javascript:showOrHide('layer2')">Hoe sluit ik een schuimmachine aan?</a>
<div id="layer2">Bij het afhalen of bezorgen zullen wij u informeren over de installatie en het gebruik van de machines. 
Het is aan te raden om 1 persoon binnen uw organisatie aan te stellen als verantwoordelijke voor schuim. 
Wij zullen diegene dan instrueren. Hij of zij kan de machine dan bedienen en in de gaten houden dat er voldoende 
vloeistof in de tank zit zodat uw gasten niet ‘droog’ komen te staan! De machines worden aangesloten met 2 slangen. 
De eerste slang van 2 meter gaat van de tank naar de pomp, de tweede slang van 15 meter gaat van de pomp naar het kanon 
of de generator. Zowel de pomp als de machines moeten van stroom worden voorzien. Let er op dat de pomp nooit leeg 
mag zijn wanneer deze aanstaat. De motor kan dan doorbranden! </div><br>
<a href="javascript:showOrHide('layer3')">Is een schuimparty schadelijk voor mensen, kleding, schoenen of vloeren?</a>
<div id="layer3">Schuimvloeistof is niet direct schadelijk voor de kleding. 
U moet echter wel direct na het feest alle kleding die u aan hebt gehad even reinigen. 
Er zijn momenteel zoveel verschillende soorten kleding, materialen en manieren van stitchen of lijmen dat wij niet 
kunnen garanderen dat alles tegen de vloeistof bestand is. Sommige lijmsoorten en materialen reageren slecht op 
vocht in het algemeen, maar dat komt erg weinig voor. Leren kleding wordt afgeraden! Bij schoenen kan het voorkomen 
dat de zool losraakt. Dit komt niet door het schuim, maar door het langdurig vochtig zijn. Hier zijn niet 
alle schoenen tegen bestemd. Wat betreft de vloeren ligt het aan de soort vloer en de waterdichtheid van deze vloer. 
Er dient door de eigenaar of beheerder van de locatie te worden afgewogen of een schuimparty toelaatbaar is 
en Schuimparty.net kan geen verantwoordelijkheid nemen voor eventuele schade. </div><br>
<a href="javascript:showOrHide('layer4')">Zijn er risico’s voor de gasten?</a>
<div id="layer4">Nee, ons schuim is luchtdoorlatend in plaats van verstikkend, PH neutraal, 
bacterieremmend en irriteert de huid niet. Let op dat dit voor het schuim geldt. 
De onverdunde vloeistof kan wel schadelijk zijn. Bij contact met de handen of armen kan het gewoon afgespoeld worden met water. 
Bij direct contact met de ogen minimaal 15 minuten uitspoelen en bij inname veel water drinken en bij 
aanhoudende klachten een dokter of huisarts raadplegen. </div><br>
<a href="javascript:showOrHide('layer5')">Kan ik de gasten van bepaalde tips voorzien?</a>
<div id="layer5">Persoonlijke eigendommen van waarde zoveel mogelijk thuislaten, 
telefoons en andere elektrische apparaten in een hersluitbaar plastic zakje doen zodat er geen vocht in kan komen. 
Kleding kan bij lang verblijf in het schuim nat worden dus een handdoek of een schone set kleren kan handig 
zijn voor de terugreis naar huis. Vraag ook of er op locatie kluisjes zijn of andere mogelijkheden om 
persoonlijke eigendommen te bewaren. </div><br>
<a href="javascript:showOrHide('layer6')">Waar moeten we rekening mee houden bij het organiseren van een schuimfeest?</a>
<div id="layer6">Natuurlijk moet je bij de eigenaar of beheerder van de locatie nagaan of een schuimparty toegestaan 
is in verband met vloeren en andere facilitaire zaken. 
Schuimparty.net neemt geen verantwoordelijkheid voor eventuele schade aan locatie, kleding of gasten. 
Ook is het raadzaam om te vragen wie er verantwoordelijk is voor het opruimen achteraf, zodat je niet voor verrassingen komt te staan. 
Voor de veiligheid in de zaal zijn er ook enkele belangrijke zaken waar je aan moet denken. 
Stopcontacten moeten bijvoorbeeld worden afgeplakt, en stekkerdozen en verlengkabels mogen natuurlijk nooit op de grond liggen of 
op andere plekken waar het schuim bij kan komen in verband met kortsluiting. Wij raden ook af om glazen te gebruiken, 
aangezien deze onzichtbaar zijn in het schuim en mensen zich dus kunnen bezeren aan glas. 
Gebruik plastic of kunststof glazen. Schuimparty.net biedt in de extra's ook plastic fluorescerende glazen aan. 
Veilig en meteen een leuk effect i.c.m. een blacklight. Voor meer informatie kijk je bij Schuimparty Extra’s en Tarieven. </div><br>
<a href="javascript:showOrHide('layer7')">Hoe lang blijft het schuim liggen?</a>
<div id="layer7">Dat verschilt per feest, het schuim zakt sneller in door hoge temperaturen, aantal mensen dat door het schuim loopt, 
tocht van buitenaf en de dichtheid van de ondervloer.  </div><br>
<a href="javascript:showOrHide('layer8')">Hoeveel vloeistof moet ik bestellen?</a>
<div id="layer8">Dit hangt af van de grootte van de zaal en hoeveel schuim u wilt gebruiken. 
Standaard geven wij 20 liter vloeistof mee en kunnen wij extra jerrycans meegeven die op nacalculatie worden afgerekend. 
U kunt extra schuimvloeistof bestellen en de onaangebroken jerrycans teruggeven zonder extra kosten! Aangebroken jerrycans worden 
als volledig gebruikt berekend.</div><br>
 

Bijlagen

Hoi :)

Ik begin met een tweetal opmerkingen:
1) Op de eerste regel van de script-elementen staat "<!--". Da's geen JavaScript, dus ik zou het weghalen.
2) Je geeft hier twee script-elementen die beiden een definitie voor de functies beginfase en showOrHide bevatten. De definities in het eerste element worden overschreven door die in het tweede.

Oké, inhoudelijk nu :)
In de functie beginfase zet je de display van de div met id="layer1" op none. Dat wil je eigenlijk voor alle divs doen die een antwoord bevatten (ik neem aan dat ze op deze pagina allemaal 'layerX' heten). Gebruik een loop:
[JS]function beginfase() {
for (var i = 1; i <= 8; i++) {
document.getElementById('layer' + i).style.display = 'none';
}
}[/JS]

showOrHide ziet er prima uit. Ik denk dat het moet werken nu :thumb:
 
Laatst bewerkt:
Ze heten allemaal layer en dan 1 t/m8
dus:
layer1
layer2
layer3 enz.

Maar moet ik die :
function beginfase() {
for (var i = 0; i <= 8; i++) {
document.getElementById('layer' + i).style.display = 'none';
}
}


GEVONDEN!!!
gewoon erbij dus :)

THANKS!!

i.p.v. iets anders zetten of erbij?
 
Kan je evt het script er neer zetten die nu wel korrect werkt?

want dan kan ik er mee verder!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan