horizontal accordeon script
cross-browser horizontale accordeon procedure

home | index | menu | help

Er is geen CSS ondersteuning.



		
  1. accordeon 1
  2. accordeon 2
  3. accordeon 3
  4. accordeon 4
  5. accordeon 5
  6. accordeon 6
  7. accordeon 7
  8. accordeon 8
  9. accordeon 9
  10. accordeon 10
  11. afsluiter 1
  12. afsluiter 2


		

Als je plaats-gebrek op jouw pagina hebt en je wilt een heleboel plaatjes "kwijt", is de horizontale-accordeon-procedure daar heel geschikt voor. Het is een beetje een "krom script" maar het valideert volkomen op de JSLint-regels (en dat is het belangrijkste). Overigens valideert de accordeon-procedure ook op HTML5 en CSS2/CSS3. Het script is "krom" omdat er alles aan gedaan is om het zo klein mogelijk te houden en razend-snel te maken. Je zult er mee moeten leven dat er 2 extra "li's" nodig zijn om het accordeon-effect "af te sluiten". Maar voor de rest is het een puik script.

Om de "horizontale accordeon" op jouw pagina te plaatsen heb je de stylesheet, de body-start-tag, de "ol" met de class "accordeon" en natuurlijk het stukje javascript van de accordeon-procedure nodig. Kopieer de broncode van het accordeon-script naar jouw webruimte en gebruik de hiervoor opgesomde zaken in jouw pagina('s).

cache 07-07-2010