Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  2 5757
Toggle tekst - block og none - hvordan vil dette se ut om de andre elementene automatisk skal skjules når den ene vises - altså at bare en vises.

Kode

<div id="navbar">
  <a href="javascript:void(0)" onClick="toggle('hjem')">Hjem</a>
  <a href="javascript:void(0)"onClick="toggle('prosjekter')">Prosjekter</a>
  <a href="javascript:void(0)" onClick="toggle('kontakt')">Kontakt</a>
</div>


<div class="informasjon" id="hjem" style="display:none;">
Jeg heter bla bla bla
  </div>
 <div class="informasjon1" id="kontakt" style="display:none;">
 Ønsker du kontakt
 <br>
  <a href="mailto:blablabla@gmail.com">blabla</a>
</div>
 <div class="informasjon1" id="prosjekter" style="display:none;">
 pinnepinnepinne
 
  
</div>
<script>
    function toggle(obj) {
          var obj=document.getElementById(obj);
          if (obj.style.display == "block") obj.style.display = "none";
          else obj.style.display = "block";
}
</script>
NOOOOOOOOOOOOOOOOOO-
robhol's Avatar
Hva med f.eks. setVisibleInformationPane(id) der du gir div-ene dine en felles class, looper gjennom dem basert på denne og setter visibility dersom elementets id == id-argumentet til funksjonen din?
Du må huske å sjekke om en av de tre div-ene allerede har display: block når brukeren trykker på en link, slik det er nå så vil alle div-ene vises samtidig om du trykker på alle tre linkene.

Personlig ville jeg nok brukt en egen css klasse for å skjule/vise innhold, feks ".display".
Da gjør du først en sjekk om en div har denne klassen, hvis ja så fjerner du den for så å legge den til div-en som er trykket på.