---
title: "div 2=100% width if div1=hidden"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/87960-div-2-100-width-if-div1-hidden"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "doggelito"
published: "2003-10-08T08:14:05.000Z"
updated: "2003-10-08T09:09:40.000Z"
replies: 2
views: 164
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/87960-div-2-100-width-if-div1-hidden"
---

# div 2=100% width if div1=hidden

## #1 — doggelito, 2003-10-08T08:14Z

kan man få lager 2 100% brett när man gömmer lager 1 och hoppar tillbaka när man visar lager 1 igen?

```
<html>
<head>
<script type="text/javascript">
	function showhide(layer) {
		if(layer.style.visibility=='hidden'){
			layer.style.visibility='visible';
		} else {
			layer.style.visibility='hidden';
		}
	}
</script>
</head> 

<body>

<div name="lager1" id="lager1" style="float:left; left:0px; width:180px; background-color: #c4c4c4;">div1</div>
<div id="lager2" style="position:relative; background-color: #eeeeee;">div2</div>
<br>
<br>
<input type="button" value="Visa/göm" onClick="showhide(document.getElementById('lager1'));">
</body>
</html>
```

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

## #2 — nitro2k01, 2003-10-08T08:33Z

Följande fungerar. Jag la width: 100%; för lager2, och ändrade skriptet så det ändrar egenskapen display istället för visibility.

```
 
<html>
<head>
<script type="text/javascript">
	function showhide(layer) {
		if(layer.style.display=='none'){
			layer.style.display='';
		} else {
			layer.style.display='none';
		}
	}
</script>
</head> 

<body>

<div id="lager1" style="float:left; left:0px; width:180px; background-color: #c4c4c4;">div1</div>
<div id="lager2" style="position:relative; width: 100%; background-color: #eeeeee;">div2</div>

<br>
<br>
<input type="button" value="Visa/göm" onClick="showhide(document.getElementById('lager1'));">
</body>
</html>
```

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

## #3 — doggelito, 2003-10-08T09:09Z

tackar! :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/87960-div-2-100-width-if-div1-hidden
