---
title: "gömma en div \"enkelt\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/75904-gömma-en-div-enkelt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "anders4u"
published: "2003-05-05T10:19:25.000Z"
updated: "2003-07-14T20:44:34.000Z"
replies: 7
views: 327
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/75904-gömma-en-div-enkelt"
---

# gömma en div "enkelt"

## #1 — anders4u, 2003-05-05T10:19Z

hej.
jag skulle vilja visa och gömma en text,
det skulle se ut liknande nedan. "jag som skriver"

\<a href="#" javasctipt:visaDivenNedanförMedText;\>Rubrik\</a\>

\<Div id="DivId"\>
Massa text...
\</div\>

det skulle vara bra om man kunde klicka på rubriken igen för att dölja men det är inte növändigt.

är det någon som vill hjälpa mig med detta?

det ska vara så enkelt som möjligt.

tack på förhand.
hällsning från Anders.

Permalänk: https://www.webforum.nu/p/75904

## #2 — anders4u, 2003-05-05T10:20Z

jag vill inte använda lager.

Permalänk: https://www.webforum.nu/p/1035034

## #3 — Palle, 2003-05-05T11:38Z

Hittade den här bland mina filer, kan det vara nått sånt du söker?
<http://member.webforum.nu/366/vis_dolj.htm>

Permalänk: https://www.webforum.nu/p/1035116

## #4 — anders4u, 2003-05-05T11:58Z

tack

det var nog perfekt.

ska prova det sen.

måste det vara layer?
stöds det av +4 browsers?

 :birp

Permalänk: https://www.webforum.nu/p/1035144

## #5 — Palle, 2003-05-05T12:00Z

Nej det behöver det inte vara, labba på du. :)

Permalänk: https://www.webforum.nu/p/1035146

## #6 — Peter S, 2003-05-05T16:44Z

För att det hela även skall fungera i 4.x-webbläsare:

```
<head>

	<script language="JavaScript" type="text/javascript">
	function visa(layer) {
		if(layer&&!document.layers){
			if(layer.style.visibility=='hidden'){
				layer.style.visibility='visible';
			} else {
				layer.style.visibility='hidden';
			}
		}
		if(layer&&document.layers){
			layer.visibility=(layer.visibility=="hide")?"show":"hide";
		}
	}

	function getElm(s){
		switch(true){
		case typeof(document.all)=="object":
			return document.all[s];
		case typeof(document.getElementById)=="function":
			return document.getElementById(s);
		case typeof(document.layers)=="object":
			return document.layers[s];
		default:
			return null;
		}
	};
	</script>

</head>
<body> 

	<div id="menu" style="position: relative; visibility: visible; background-color: red; layer-background-color: red; width: 150px; height: 75px; color: white; ">
		Here is text
	</div>
	<form>

		<input type="button" value="show/hide" onclick="visa(getElm('menu'))">
	</form>

</body>
```

 :)

Permalänk: https://www.webforum.nu/p/1035400

## #7 — K@llen, 2003-07-14T20:32Z

**Peter S:**

Detta var precis vad jag pulade med. Men hur får man lagret att vara osynligt som default? Har trixat som fanken utan att lyckas. :r

Permalänk: https://www.webforum.nu/p/1109475

## #8 — bossse, 2003-07-14T20:44Z

Jag kan väl bidra med ett par exempel. Kanske nåt passar.

```
<HTML>
</head>
<script>
function ShowText(myTargetCell, myText){myTargetCell.innerText = myText;}
</script>
<BODY bgcolor=green>
<table width=100% height=60% border=1>
<tr>
<td height=20% onMouseOver="ShowText(text,'Var det något sådant du menade eller? Lite svårt att förstå exakt hur du menar!')"
onMouseOut="ShowText(text, 'du kan ju ändra i koden till din egen text ')">
<img src=dinbild.gif>För musen upp o ner över bilden </td>
<tr>
<td id="text" width="50% height=30%"></td>
</tr>
</table>
<a href="javascript:void(0)" onClick="mindoldatext.style.visibility='visible'"><img border=0 src="dinbild.gif"></a> Ett exempel till. klicka på bilden
<div id="mindoldatext" style="visibility:hidden">Den här texten är dold från början.<a href="javascript:void(0)" onClick="mindoldatext.style.visibility='hidden'">Klicka</a> för att dölja den igen</div> 
</BODY>
</HTML>
```

Permalänk: https://www.webforum.nu/p/1109484

---

Tråden på webben: https://www.webforum.nu/amne/javascript/75904-gömma-en-div-enkelt
