Expand Collapse

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

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>

Ett annat.

:)