Har denna koden. När man klickar på Ändra kommer textarearutan fram men texten i view_1 står fortfarande kvar. Klickar man på Ändra igen försvinner textarean och texten står även kvar nu. Vill att lagret med texten skall döljas när man klickar på Ändra så att textarean kommer fram. Klickar man igen skall textarean försvinna som den gör idag och då skall enbart texten stå. Har försökt göra som för textarea rutan men får inte till det. Tacksam för hjälp.
<script>
var oppetLager = ""; // Sätter oppetLager till tomt
function VisaLager(lagret,lagretsID) {
var lager = document.getElementById(lagret+"_"+lagretsID); // Deklarerar lager och tilldelar det värdet från lagret
var lagerID = document.getElementById(lagretsID); // Deklarerar lagerID och tilldelar det värdet från lagretsID
if(lager.style.display == 'none') { // Om lager är satt till none
state = lager.style.display = 'block'; // Sätt lagret till block = visa
} else { // Annars
state = lager.style.display = 'none'; // Sätt lagret till none = dölj
}
if (oppetLager != "" && document.getElementById(oppetLager)){ // Om det redan finns ett lager öppet
document.getElementById(oppetLager).style.display = "none"; // Dölj det öppna lagret
}
lager.style.display = state;
oppetLager = lagret+"_"+lagretsID; // Ger värdet ifrån lagret till variabeln oppetLager
}
</script>
<div style="width:200px;">
<a href="javascript:VisaLager('edit','1')">ÄNDRA</a>
<div id="view_1" align="left"><span class="Texten">Texten i rutan</span></div>
<div id="edit_1" style="display: none">
<form name="form1" method="post" action="" style="padding:0px;margin:0px">
<textarea type="text" name="texten" id="texten" style="top:0px;background:#FEFDF1;border:1px solid #000000;width:140px;font-size:11px;height:31px;padding:0px;margin:0px">Texten i rutan</textarea>
<input type="image" src="save.jpg" value="Spara" align="right">
</form>
</div>
</div>