Vitið þig hvernig maður breytir eftirfarandi kóða þannig að linkurinn sé + þegar hann er expandaður en - þegar hann er collapsaður (eins og á simaskra.is)?

Þetta eftirfarandi kóðadæmi er fengið frá Jóni Grétari hér á huga.is. Kann ég honum bestu þakkir fyrir það.

<html>
<head>
<script>
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>
</head>
<body>
<a href="#" onclick="showhide('1'); return(false);">Show 1</a>,
<a href="#" onclick="showhide('2'); return(false);">Show 2</a>,
<a href="#" onclick="showhide('3'); return(false);">Show 3</a>,
<a href="#" onclick="showhide('4'); return(false);">Show 4</a>.
<div id="1" style="display: none;">One.</div>
<div id="2" style="display: none;">Two.</div>
<div id="3" style="display: none;">Three.</div>
<div id="4" style="display: none;">Four.</div>
</body></html>
“True words are never spoken”