Expand/collapse Är detta ett bra sätt..?

<script language="javascript">
function visibleBox(id,skipOpenClose) {
	elm1 = document.getElementById("open"+id);
	elm2 = document.getElementById("close"+id);
	elm3 = document.getElementById("box"+id);

	if(!elm3)
		return false;

	if (skipOpenClose) {
		elm3.style.display = (elm3.style.display == "")?"none":"";
	} else if(elm1) {
		if (elm1.style.display == "") {
			elm1.style.display = "none";
			if(elm2)
				elm2.style.display = "";
			elm3.style.display = "none";
		} else {
			elm1.style.display = "";
			if(elm2)
				elm2.style.display = "none";
			elm3.style.display = "";
		}
	}
}
</script>
<a href="javascript:void(0);" id="close1" style="cursor: hand;" onClick="visibleBox('1')"><IMG src="/demo/skin1/images/plus.gif" border="0" align="absmiddle" alt="Click to open"></a>
<a href="javascript:void(0);" id="open1" style="display: none; cursor: hand;" onClick="visibleBox('1')"><IMG src="/demo/skin1/images/minus.gif" border="0" align="absmiddle" alt="Click to close"></a>
			
<div style="display: none;" id="box1" name="box1">
kjhkjhklj
</div>

Behöver en expand/collapse funktion på endast en <div> på min sida...

Har hittat denna, verkar fungera precis som jag vill att det skall fungera, men är detta ett bra sätt, eller finns det något bättre, snyggare sätt att göra det på.. kommer det att fungera på dom flesta browsers?

/gert