Jeg ved godt det var en ordentlig omgang - så her er den fulde kode uden for mange afbrydelser (bruger løsningen med billed-ID'er - du skal bare ændre init_showhide() hvis du vil undgå dem):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html>
<head>
<title></title>
<script type="text/javascript">
var img1 = new Image();
img1.src = "arrow_hojre.png";
var img2 = new Image();
img2.src = "arrow_ned.png";
var showhideIDArr = new Array();
function showhide(bld,ID) {
divObj = document.getElementById(ID);
if (divObj.style.display == "none") {
divObj.style.display = "block";
showhideIDArr[ID] = true;
bld.src = img2.src;
}
else {
divObj.style.display = "none";
showhideIDArr[ID] = false;
bld.src = img1.src;
}
}
function init_showhide() {
if (document.cookie.indexOf("showhideIDs") != -1) {
var ids = document.cookie.substr(document.cookie.indexOf("=")+1).split(",");
if (ids.toString().length != 0) {
for (i=0;i<ids.length;i++) {
document.getElementById(ids[i]).style.display = "block";
showhideIDArr[ids[i]] = true;
document.getElementById(ids[i]+"_img").src = img2.src;
}
}
}
}
function exit_showhide() {
cookieStr = "showhideIDs=";
/*for (i=0;i<showhideIDArr.length;i++) {
if (document.getElementById(showhideIDArr[i]).style.display == "block") {cookieStr += showhideIDArr[i]+",";}
}*/
for (i in showhideIDArr) {
if (showhideIDArr[i]) cookieStr += i+",";
}
if (cookieStr.charAt(cookieStr.length-1) == ",") cookieStr = cookieStr.substring(0,cookieStr.length-1);
alert(cookieStr);
document.cookie = cookieStr;
}
window.onload = init_showhide;
window.onunload = exit_showhide;
</script>
<style type="text/css">
</style>
</head>
<body>
<div class="overskrift"><img src="arrow_hojre.png" style="width:10px;height:10px;" id="divID1_img" onclick="showhide(this,'divID1');" /> Overskrift</div>
<div id="divID1" style="display:none;"><a href="side1.php">Link1</a></div>
<div class="overskrift"><img src="arrow_hojre.png" style="width:10px;height:10px;" id="divID2_img" onclick="showhide(this,'divID2');" /> Overskrift</div>
<div id="divID2" style="display:none;"><a href="side2.php">Link2</a></div>
<div class="overskrift"><img src="arrow_hojre.png" style="width:10px;height:10px;" id="divID3_img" onclick="showhide(this,'divID3');" /> Overskrift</div>
<div id="divID3" style="display:none;"><a href="side3.php">Link3</a></div>
</body>
</html>