login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu uitklappen

Offline Appie_Dijk - 25/11/2010 14:05 (laatste wijziging 25/11/2010 14:05)
Avatar van Appie_DijkLid Hallo iedereen,

Ik wil voor een nieuwe website bezig met een sitemap.
Aangezien de website uit vele pagina's bestaat wil ik graag een soort in-/uitklapmenu

Voorbeeld:
Standaard moeten de volgende items zichtbaar zijn:

+ Makelaardij
+ Hypotheken
+ Verzekeringen

Als je dan op makelaardij klikt moet er staan:

- Makelaardij
+ totale aanbod
- zoeken in aanbod
- woning verkopen
- woning kopen
+ Hypotheken
+ Verzekeringen

Ook kan ik dan op totale aanbod klikken en deze klapt dan ook uit.

Als ik vervolgens Hypotheken uitklap moet de makelaardij blijven staan zoals de gebruiker net aangaf...

Iemand enig idee hoe ik dit kan doen? (en is het een beetje duidelijk wat ik bedoel?)

Alvast bedankt voor de reacties.

5 antwoorden

Gesponsorde links
Offline WouterJ - 25/11/2010 15:14
Avatar van WouterJ HTML gevorderde Ik zou dat met javascript doen.

In jQuery heb je de functie slideToggle() als je daar wat mee gaat spelen moet het wel lukken.
Offline kaspar - 25/11/2010 19:58
Avatar van kaspar Nieuw lid Je zou ook met gewone links kunnen werken en de events OnMouseOver en OnMouseOut kunnen gebruiken.
Offline Kevin - 25/11/2010 21:16
Avatar van Kevin Crew Ajax/REST @kaspar: hij vermelde toch dat het met een "klik" moest gebeuren?

Heb je hieraan voldoende info? Of ben je niet zo vertrouwd met JavaScript, etc.. ?
Offline kaspar - 26/11/2010 15:39
Avatar van kaspar Nieuw lid Dan met OnClick.

  1. <a OnClick="openmakelaardij()">Makelaardij</a>
  2. <a OnClick="openhypotheken()">Hypotheken</a>
  3. <a OnClick="openverzekeringen()">Verzekeringen</a>
  4.  
  5. <div id="makelaardij" style="visible:false">
  6. <a href="totaleaanbod.html">Totale aanbod</a>
  7. <a href="zoekeninaanbod.html">Zoeken in aanbod</a>
  8. <a href="woningverkopen.html">Woning verkopen</a>
  9. <a href="woningkopen.html">Woning kopen</a>
  10. </div> // ook voor hypotheken/verzekeringen
  11.  
  12. <script language="JavaScript">
  13. function openmakelaardij() {
  14. if (document.GetElementById('makelaardij').visible==true) {
  15. document.GetElementById('makelaardij').visible=false;
  16. else {
  17. document.GetElementById('makelaardij').visible=true;
  18. }
  19. }
  20.  
  21. // ook voor hypotheken, verzekerinen
Offline rickvanhout - 14/12/2010 11:57
Avatar van rickvanhout Lid kijk even op deze site: http://www.eeterij-uniek.nl/menukaart.html
Is dat wat je bedoelt? Als dat zo is moet je me mailen want dat scriptje heb ik hier liggen..

Groetjes  
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.174s