---
title: "Expand/collapse som sj.se?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/153803-expand-collapse-som-sj-se"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: ":stefan:"
published: "2006-11-15T19:06:35.000Z"
updated: "2007-01-05T12:36:16.000Z"
replies: 5
views: 993
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/html-css/153803-expand-collapse-som-sj-se"
---

# Expand/collapse som sj.se?

## #1 — :stefan:, 2006-11-15T19:06Z

Jag har en liten idé för min stackars fula sida, men jag vet inte om det öht går att genomföra på ett någorlunda vettigt/enkelt sätt.

När man bokar tåg på sj.se och får förslag på avgångar kan man klicka på en rad, raderna nedanför åker ner en bit och i mellanrummet dyker detaljerna om avgångarna upp. Klicka på raden igen och allt återställs.

Hur är det löst? 
Går det att göra inom detta forumets begränsningar, är det javascript/dhtml som gäller eller är det nån serverside-teknik som man inte har på ett vanligt bonnwebhotell? ;)

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

## #2 — OveRRidE, 2006-11-15T19:21Z

Du kan med javascript ganska enkelt lösa det ungefär såhär:

```
<script>
function toggle()
{
var el = document.getElementById("mindiv")
el.style.display = el.style.display == "none" ? "" : "none";
}
</script>

[..]

<a href="#" onClick="toggle();">Visa/dölj</a>
<div id="mindiv" style="display:none;">grejer som inte syns från början</div>
```

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

## #3 — :stefan:, 2006-11-15T19:40Z

Ha, så enkelt... :)

Tack!

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

## #4 — macgunde, 2006-12-02T20:42Z

Hej,
Hittade tråden efter lite sökning på forumet och tyckte det var onödigt att starta en ny tråd.

undrar ifall man kan ändra scriptet så att man kan byta den synliga divven?
Det jag menar är att jag tex ska ha 3 divvar på samma ställe.

Div 1 ska synas från början
När man klickar på  Sida 2 eller Sida 3 så ska div 1 släckas och div 2 eler 3 tändas.

Någon som har nån idé?

Mvh daniel
Div 3

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

## #5 — jabbalizer, 2007-01-05T09:20Z

Skulle detta funka? :)

```
<script language="JavaScript" type="text/JavaScript">
function expand(nr)
{
	var el = document.getElementById("mindiv"+nr)
	el.style.display = "";
}
function deflate(nr)
{
	var el = document.getElementById("mindiv"+nr)
	el.style.display = "none";
}
</script>
</head>
<body>
<div id="mindiv1">
	<a href="#" onClick="expand(2);deflate(1);">2</a>
	<a href="#" onClick="expand(3);deflate(1);">3</a>
	Denna syns från början</div>
<div id="mindiv2" style="display:none;">
	<a href="#" onClick="expand(1);deflate(2);">1</a>
	<a href="#" onClick="expand(3);deflate(2);">3</a>
	Denna syns om man klickar på 2</div>
<div id="mindiv3" style="display:none;">
	<a href="#" onClick="expand(1);deflate(3);">1</a>
	<a href="#" onClick="expand(2);deflate(3);">2</a>
	Denna syns efter klick på 3</div>	
</body>
```

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

## #6 — macgunde, 2007-01-05T12:36Z

Tackar :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/153803-expand-collapse-som-sj-se
