login  Naam:   Wachtwoord: 
Registreer je!
 Forum

in AND uitklapscriptje (Opgelost)

Offline NLZ - 16/07/2009 14:17
Avatar van NLZNieuw lid ik had een scriptje gevonden voor het in en uitklappen van een stukje tekst:
http://plaatscode.be/137153/

Nu heb ik dus een div aangemaakt met de tekst in:
<div id="verzinhieriets">Tekst</div>

En als css code:
div#verzinhieriets{ display:none; overflow:hidden; visibility: visible; }

Dit werkt perfect. Maar nu is mijn vraag. Hoe kan ik dit nu maken zodat als de pagina de tekst standaard wordt weergegeven en als je dan klikt verborgen wordt. Want zoals het nu is, dan wordt het standaard verborgen en kan je het weer tonen. Ik dacht gewoon de display op block ofzo zetten maar dan klapt hij opnieuw uit als je de eerste keer klikt. Iemand een idee?

5 antwoorden

Gesponsorde links
Offline marten - 16/07/2009 14:23
Avatar van marten Beheerder Heb je hier wat aan?

http://demos.mootools.net/Accordion
Offline Martijn1989 - 16/07/2009 14:42
Avatar van Martijn1989 PHP ver gevorderde
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2.  
  3.  
  4. function visi(nr)
  5. {
  6.         if (document.layers)
  7.         {
  8.                 vista = (document.layers[nr].visibility == 'hide') ? 'show' : 'hide'
  9.                 document.layers[nr].visibility = vista;
  10.         }
  11.         else if (document.all)
  12.         {
  13.                 vista = (document.all[nr].style.visibility == 'hidden') ? 'visible'        : 'hidden';
  14.                 document.all[nr].style.visibility = vista;
  15.         }
  16.         else if (document.getElementById)
  17.         {
  18.                 vista = (document.getElementById(nr).style.visibility == 'hidden') ? 'visible' : 'hidden';
  19.                 document.getElementById(nr).style.visibility = vista;
  20.  
  21.         }
  22. }
  23.  
  24. </script>


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onClick="visi('number1'); return false">Open</a></div>
  2. <div ID="number1" style="visibility: hidden;">Tadaaa</div>


Aub  
Offline NLZ - 16/07/2009 16:12 (laatste wijziging 19/07/2009 13:00)
Avatar van NLZ Nieuw lid @Martijn,
ik neem aan uit de code:
<a href="#" onClick="visi('number1'); return false">Open</a></div>

Dat als je op de link klikt, je het vak opent.
Dit heb ik dus zelf ook al.
Maar de bedoeling is dus met het script dat ik al had.
(Waarbij het niet verschijnt maar open schuift)

Dat daar standaard de tekst wel weergegeven word.
Offline Ibrahim - 19/07/2009 23:38
Avatar van Ibrahim PHP expert Voor in en uitklappen zou ik toch eerder de eigenschap "display" gebruiken dan "visibility". Het verschil tussen de twee is dat bij display, het hele element verdwijnt, alsof het er niet in de code staat. Bij visibility verbergt het enkel het visuele aspect. Een hoogte/breedte zal hij niet verbergen.

Tenminste, dat heb ik ondervonden.
Offline NLZ - 22/07/2009 18:55
Avatar van NLZ Nieuw lid Oplossing gevonden,

Ik had de display:block niet bij de div zelf staan die gehide moest worden.
Dom foutje  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.164s