---
title: "VIsa och dölja div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/132352-visa-och-dölja-div"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "peppar"
published: "2005-08-06T11:49:39.000Z"
updated: "2007-02-23T15:16:16.000Z"
replies: 12
views: 913
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/132352-visa-och-dölja-div"
---

# VIsa och dölja div

## #1 — peppar, 2005-08-06T11:49Z

Har en funktion som ser ut så här: 

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

}
```

 Som jag anropar t.ex såhär:

```
<div id="produkt" onClick="switchThis('detalj_div')">
	Klicka på mig:
</div>
<div id="detalj_div">
	detaljer ...
</div>
```

 Men problemet är att per default så visas "detalj_div" diven fast hur vänder jag på det så att den är dold per default?

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

## #2 — icaaq, 2005-08-06T11:58Z

```
<div id="detalj_div" style="display: none;">
	detaljer ...
</div>
```

mv icaaq

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

## #3 — fakenick!, 2005-08-06T15:38Z

okej! de där ser bra ut.. men jag vill ha det i en \<select\>
så att jag kan välja vilken div som skall vara synlig.. 

hur grejar jag det? testat lite olika med onchange 
och funktioner men jag e inte så grym så har inte lyckats..

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

## #4 — Peter S, 2005-08-07T17:06Z

```
<select onchange="switchThis(this.options[this.selectedIndex].value)">
    <option value="detalj_div">Detalj-div</option>
    ...
</select>
```

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

## #5 — fakenick!, 2005-08-08T21:48Z

mmh! det fungerade ju bra! 

men inte riktigt som jag velat.. :P

jag vill ju såklart att när man väljer 
ett nytt val i select så skall det förra 
layeret man aktiverat med hjälp av 
select försvinna! 

hur gör man detta på enklaste sätt?

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

## #6 — Peter S, 2005-08-08T21:55Z

```
var elm = "";

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/1654911

## #7 — fakenick!, 2005-08-08T22:10Z

tack så mucket! 

fungerade väldigt bra!

du kan få en puss på kinden om så önskas! ;)

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

## #8 — Peter S, 2005-08-08T22:12Z

:f

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

## #9 — Hamatzu, 2007-02-23T13:50Z

Tar upp denna tråd lite då jag behöver hjälp med det som står.

Har fått det att fungera men när jag har det lagret som ska visas som standard i selecten så visas inte den diven som ska visas. Utan jag måste välja något annat i selecten och när jag sedan väljer det som ska visas så visas det då.

Alltså antar jag att jag måste ha en funktion eller liknande som kör koden bara när man laddar sidan. Jag är inte så haj på javascrip så lite hjälp uppskattas! :bire

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

## #10 — @nders, 2007-02-23T13:51Z

```
<body onload="här lägger du kallet till javascriptfunktionen som ska köras när sidan laddas klart">
```

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

## #11 — Hamatzu, 2007-02-23T14:09Z

Jag försökte med det men det fungerar inte, tyvärr. Vet inte vad man skulle kunna göra istället. Antar att själva javascript-funktionen måste vara på select-elementet?

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

## #12 — @nders, 2007-02-23T14:19Z

```
<body onload="switchThis(document.getElementById('id_på_din_select').options[document.getElementById('id_på_din_select').selectedIndex].value)">
```

Edit: det ska inte vara något mellanslag mitt i *options*, det är forumet som bryter för att raden är för lång.

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

## #13 — Hamatzu, 2007-02-23T15:16Z

Tackar @nders, fungerar utmärkt! :e

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/132352-visa-och-dölja-div
