---
title: "Öppna & stäng div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192254-öppna-stäng-div"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "henkz"
published: "2014-04-16T06:40:28.000Z"
updated: "2014-04-16T08:57:42.000Z"
replies: 4
views: 614
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/192254-öppna-stäng-div"
---

# Öppna & stäng div

## #1 — henkz, 2014-04-16T06:40Z

Jag använder koden nedan för att öppna bilder och som det är nu öppnas bilderna men stänger inte de redan öppna när man trycker på ny bild..
Antal div/bilder varierar mellan 1-50.

Lösning:
Varje gång man klickar för visning av bild, ska andra öppna bilder stängas.

```
function switchThis(whatelement) {
var objLayer = document.getElementById(whatelement);
state = (objLayer.style.display == 'none') ? 'block' : 'none';
objLayer.style.display = state;
}

<img src="bild00.jpg" onClick="switchThis('galleria0');" width="47" height="49" />
<div id="galleria0" style="display: none;"><img src="bild00.jpg" border="1" onClick="switchThis('galleria0');" /></div>

<img src="bild01.jpg" onClick="switchThis('galleria1');" width="47" height="49" />
<div id="galleria1" style="display: none;"><img src="bild01.jpg" border="1" onClick="switchThis('galleria1');" /></div>

o.s.v..
```

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

## #2 — Jojoxx, 2014-04-16T08:18Z

Ungefär så här:

```
function switchThis(whatelement) {
	if(lastElement && lastElement != whatelement) {
		document.getElementById(lastElement).style.display = 'none';
	}
	lastElement = whatelement;
	var objLayer = document.getElementById(whatelement);
	state = (objLayer.style.display == 'none') ? 'block' : 'none';
	objLayer.style.display = state;
}
```

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

## #3 — henkz, 2014-04-16T08:38Z

Tack, men något litet fel ligger det nog i koden.
Det kommer inte fram några bilder längre..

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

## #4 — henkz, 2014-04-16T08:44Z

Sökte runt på sidan med fraser från din kod och fann denna kod som funkade.
Tack för hjälpen  (y)

```
function switchThis(whatelement) {
	var objLayer = document.getElementById(whatelement);
	state = (objLayer.style.display == 'none') ? 'block' : 'none';
	if (elm != "" && document.getElementById(elm)){
		document.getElementById(elm).style.display = "none";
	}
	objLayer.style.display = state;
	elm = whatelement;
}
```

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

## #5 — Jojoxx, 2014-04-16T08:57Z

Yes, hade kastat in ett likamed-tecken för mycket. Skrev utan att testa :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192254-öppna-stäng-div