---
title: "Visa / Dölj"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/98547-visa-dölj"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "garda"
published: "2004-03-01T20:39:38.000Z"
updated: "2004-03-03T17:36:55.000Z"
replies: 6
views: 442
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/98547-visa-dölj"
---

# Visa / Dölj

## #1 — garda, 2004-03-01T20:39Z

Brukar använda en funktion som ungefär ser ut så här för att visa och dölja tex. en tabell.

function visaDolj(Namn)
 {
 obj=document.getElementById(Namn);
 if (obj.style.display == 'inline')
 {
 obj.style.display = 'none';
 }
 else
 {
 obj.style.display = 'inline';
 }
 }

Men om jag har flera objekt och vill att när jag visar ett objekt döljs de övriga, 
är det någon som har någon idé att på något enkelt sätt fixa det??

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

## #2 — Jojoxx, 2004-03-01T20:42Z

```
var current=false;
function visaDolj(Namn)
{
obj=document.getElementById(Namn);
if(current){ current.style.display='none'; current=obj; }
if (obj.style.display == 'inline')
{
obj.style.display = 'none';
}
else
{
obj.style.display = 'inline';
}
}
```

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

## #3 — garda, 2004-03-01T20:58Z

Tack för ett snabbt svar, men...
det blir ingen skillnad. Om jag använder koden i en "plus-minus"
meny vill jag att de övriga fälls ihop när jag trycker på en ny...

Alltså är menyn utfälld och jag trycker på en annan ska alla ihop utom den jag trycker på, som ska ut...:-)

/garda

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

## #4 — dectgap, 2004-03-01T23:05Z

Då får du ange vilka element som ska döljas, t ex så här:

```
var current=false;

// Array som innehåller idn på elementen som ska påverkas
var elms = ["div1", "div2", "div3"];

function visaDolj(Namn)
{
	for(var i=0;i<elms.length;i++)
		document.getElementById(elms[i]).style.display = "none";

	obj=document.getElementById(Namn);
	obj.style.display = (obj.style.display=="inline") ? "none" : "inline";
}
```

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

## #5 — garda, 2004-03-02T09:50Z

Det känns som något inte stämmer med div:arna...
Det står helt still i huvudet!

\<html\>
	\<head\>
	\<title\>TEST\</title\>
	\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\>
	
	\<script language="Javascript" type="text/javascript"\>
	\<!--

		// Array som innehåller idn på elementen som ska påverkas
		var elms = \["div1", "div2", "div3"\];
		
		function visaDolj(Namn)
		{
        	for(var i=0;i\<elms.length;i++)
                document.getElementById(elms*).style.display = "none";

        	obj=document.getElementById(Namn);
			obj.style.display = (obj.style.display=="inline") ? "none" : "inline";
		} 

	\--\>
	\</script\>

	\</head\>
	\<body\>

		\<a href="#" onClick="visaDolj('div1');"\>ETT\</a\>
		\<br\>\<br\>
		\<span style="display:none;" id="div1"\>
			\<a target="main" href=#\>ETT.ETT\</a\>\<br\>
			\<a href=#\>ETT.TVÅ\</a\>\<br\>
			\<a href=#\>ETT.TRE\</a\>\<br\>\<br\>
		\</span\>
		\<a href="javascript:visaDolj('div2')"\>TVÅ\</a\>
		\<br\>\<br\>
		\<span style="display:none;" id="div2"\>
			\<a href=#\>TVÅ.ETT\</a\>\<br\>
			\<a href=#\>TVÅ.TVÅ\</a\>\<br\>
			\<a href=#\>TVÅ.TRE\</a\>\<br\>
		\</span\>

	\</body\>
\</html\>*

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

## #6 — garda, 2004-03-03T17:26Z

Nu ger jag snart upp, har slitit i mitt hår hela dagen....
Någon som har ett bra tips??

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

## #7 — Jesper T, 2004-03-03T17:36Z

```
var elms = ["div1", "div2"];
```

Du har ju ingen "div3".
Kom ihåg att ta bort mellanrummet mellan java och script. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/98547-visa-dölj