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?

Question

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

rose · Accepted Answer

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...

 · Answer

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:

 · Answer

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

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?

Dit is het bovenste deel van de webpagina

Het beste antwoord

Andere antwoorden (2)

Weet jij het beter..?