Show/hide div - javascript
Hej eksperter!Jeg sidder med et lille javascript, som jeg har stykket sammen af lidt småstumper jeg har fundet rundt omkring. Min kode ser således ud:
<html>
<head>
<title>Varekartotek</title>
<script type="text/javascript">
function showOrHide(id) {
if(document.getElementById(id).style.display == "none") document.getElementById(id).style.display = '';
else document.getElementById(id).style.display = 'none';
}
</script>
</head>
<body>
<h1>Varekartotek</h1>
<div style="width:100%;border:1px solid black;">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:4px;"><b>Opret vare</b></td>
<td style="padding:4px;" align="right"><img src="images/button_show.gif" onClick="showOrHide('divOpretVare');" style="cursor:pointer;"></td>
</tr>
</table>
</div>
<div id="divOpretVare" style="padding:4px;background-color:white;margin-top:-2px;display:none;width:100%;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black;">Indhold, der skal vises og skjules</div>
</body>
</html>
Mit problem er, at jeg gerne vil have, at det billede, som man klikker på, for at lave en show på min div - det skal ændre sig, når man har "show" - således at der kommer til at stå "hide" på knappen i stedet for "show" som der står nu.
Nogen forslag?
