Tråd: Toggle Javascript
View Single Post
Quiztneffer
71
11. mars 2021
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>