HTML: Ik heb 3 tabbladen in mijn menu en als ik er 1 wil open doen wil ik dat het andere tabblad automatisch weg gaat. WIe kan me helpen?

Wat moet ik aan het volgende html bestand veranderen zodat tabblad bananen weg gaat als ik op het tabblad appels klik? etc.







De groentenman




Dit is het bovenste deel van de webpagina





Hier komt de inhoud van de webpagina













Weet jij het antwoord?

/2500

Het beste antwoord

Voeg dit aan je functie toe: var tabs = ["Appels", "Peren", "Bananen"]; for(var i in tabs) { if (tabs[i] != divID) { document.getElementById(tabs[i]).className = "verstopt"; } } (na 'function laatZien(divID) {' en voor 'var item = document.getElementById(divID);') Werkt als een zonnetje...

Je gebruikt een externe stylesheet met de naam "opdracht33.css". Daarin zouden de styles met namen "zichtbaar" en "verstopt" in moeten zitten, die e.e.a. zouden moeten regelen. Kijk dus eerst of deze stylesheet wel aanwezig is en zoja, wat staat er in ? verder zitten er wat afwijkende dingen in de HTML, zoals:

Met jquery wordt dit een stuk makkelijker. Dan kun je dit doen met div.hide of div.show.

Stel zelf een vraag

Ben je op zoek naar het antwoord die ene vraag die je misschien al tijden achtervolgt?

/100