Vis eller skjul et element ved brug af javascript

Hej, her vil jeg fortælle jer hvordan i kan lave en simpel funktion til at skjule et element på en hjemmeside ved hjælp af et hyperlink!

Først skal vi have skrevet funktionen til at skjule elementet ind i headeren:

<script type="text/javascript" language="javascript"> 
  function toggleElm(id){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
</script>

Her bruger vi et id til at finde elementet.

Nu skal vi have skrevet det ind i html koden:

<a href="javascript:;" onmousedown="toggleElm('Elm1');">Equation AddIn</a> 
	<div id="Elm1" style="display:none"> 
		<h2>Bam Div!</h2> 
	</div>

Når du skriver funktionen onmousedown="toggleElm('Elm1'

;" skal du sætte Elm1 til det id du har givet dit element.
Se koden i brug her!

- Deltag i community projektet hvor vi laver en simpel html template i fællesskab!

Vis eller skjul et element ved brug af javascript

Kommentarer (1)

Artikelkategorier

Shoutbox