Gå til innhold

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


Gjest Slettet+5132

Anbefalte innlegg

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 av Slettet+5132
Lenke til kommentar
Videoannonse
Annonse

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 av kjekset
Lenke til kommentar
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. :hmm:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...