---
title: "Expand Collapse"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/76919-expand-collapse"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "SteveP"
published: "2003-05-14T15:18:08.000Z"
updated: "2003-05-14T15:32:31.000Z"
replies: 2
views: 205
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/76919-expand-collapse"
---

# Expand Collapse

## #1 — SteveP, 2003-05-14T15:18Z

Tjena,
jag är ute efter ett expand script.

Just nu har jag en admin sida med nyheter som listas. Under VARJE nyhet har jag ett \<form\> fält med tillhörande text för nyheten samt en redigera knapp.

Vad jag nu vill göra är att själva \<form\> fältet med textfälten enbart visas om man trycker på "redigera" länken.

Just nu visas 1 under varje nyhet, jag vill dock enbart visa under den nyheten där man trycker på "redigera"

Såhär ser det ut nu

\[kod\]

Nyhetsrubrik - 2003-03-03

Detta är en testnyhet skriven av bla bla
\______________________________\_
Redigera nyhet - Ta bort nyhet

\_____________________________\_
Här visas formfälten så man kan redigera nyheten

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

Nästa nyhet osv

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

## #2 — SteveP, 2003-05-14T15:31Z

Hittade ett tidigare inlägg.
Såhär fick det bli

```
<script language="JavaScript" type="text/javascript">
function showhide(a,id){
	document.getElementById(id).style.display=(document.getElementById(id).style.display=='none')?'block':'none';
	a.innerHTML=(document.getElementById(id).style.display=='none')?'Expandera':'Minimera';
}
</script>
<style type="text/css">
<!--
#main {
	background : #eee;
	border : 1px solid #666;
	width : 400px;
	padding : 3px;
}
#top a {
	color : #000;
	text-decoration : none;
}
-->
</style>

<a class="lasmer" href="#" onclick="showhide(this,'content');">Redigera nyhet</a> <font color="#ffffff">-</font> <a class="lasmer" onClick="return confirm('Vill du verkligen radera nyheten?');" href="nyheteradmin.asp?action=Delete&id=<%=RsNyhet("id")%>">Ta bort Nyhet</a></font>
		<br><br>
		
		
		<div id="content" style="display:none;">
		<form action="nyheteradmin.asp?action=redigera2&redid=<%=RsNyhet("id")%>" method="post">
		
		<table align="center" width="502" border="0" cellpadding="0" cellspacing="0">
		<tr>
		<td align="center">
		<input type="text" name="rubrik" size="80" value="<%=RsNyhet("Nyhetsrubrik")%>">
		</td>
		</tr>
		
		<tr>
		<td align="center"> 
		<textarea cols="60" rows="13" name="nyhet"><%=RsNyhet("Nyhet")%></textarea>
		</td>
		</tr>
		
		<tr>
		<td align="right" height="45">
		<input type="submit" name="Redigera" value="Redigera">
		</td>
		</tr>

		
		</table>
		</form>
		</div>
```

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

## #3 — Peter S, 2003-05-14T15:32Z

[Ett annat](http://www.webforum.nu/showthread.php?threadid=65657&highlight=Layer).

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/76919-expand-collapse