[Løst] Hjelp med vis/skjul i javascript

[Gjest Slettet+5132]

Har en knapp hvor jeg vil vise og skjule litt tekst ved å trykke på den. Når jeg trykker på den så ser det ut som den bare "resetter" seg. Den blinker en gang. Noen som kan se på hva som er galt? (Er helt ny med javascript.)
 

				<script>
					function showhide()
	 				{
				 	var div = document.getElementById("newpost");
					if(div.style.display !== "none")
						{
						div.style.display = "none";
						}
					else {
					      div.style.display = "block";
					     }
	 				}
				</script>
                                <div id="newpost">
                                    <p>Vis og skjul tekst ved å klikke på knappen under.</p>
                                </div>
                                <button id="button" onclick="showhide()">Klikk her</button>

Endret 30. september 2016 av Slettet+5132

[kjekset]

Gjorde om litt på koden, men du har iallefall en fungerende løsning her.

function showToggle() {
    var visibility = document.getElementById('hideShow').style.visibility;
    if (visibility == "hidden")
        document.getElementById('hideShow').style.visibility='visible';
    else
        document.getElementById('hideShow').style.visibility='hidden';
}
document.getElementById('mydiv').onclick = function(e){
    showToggle();
};

<div id="hideShow">Vis og skjul tekst ved å klikke på knappen under.</div>
<button id="mydiv">Klikk her</button>

Endret 30. september 2016 av kjekset

[Gjest Slettet+5132]

Takk for svar, men jeg får det fortsatt ikke til å funke. Prøvde å kopiere inn det du har skrevet. Prøvde også å legge til noen brackets, for tenkte det var det som var galt, men det hjalp heller ikke.

[xibriz]

Skriv inn noen

console.log()

rundt om kring for å forsikre deg at koden kjører.

 

CTRL+SHIFT+C starter det magiske verktøyet i FireFox.

 

Du kan også debugge JavaScript-kode der.