A total beginners problem

[mbezel]

This is a total beginners problem, but I'm stuck with it and there should be an easy explanation/solution:

Untitled 1

I managed to display/hide the text block through the title, but in addition I want the arrow change according to the state.

You can see in the source of the page what I tried out.

Actually the function is supposed to be called with one argument and the id of the image constructed from that with "-arrow".

tia...

[mbezel]

If anybody gets here searching for an answer:

Here is how the script has to look like:

function unhide(divID) {
var item = document.getElementById(divID);
var image = document.getElementById(divID + "-arrow");
if (item) {
item.className=(item.className=='hidden')?'unhidde n':'hidden';
}
if (image.getAttribute("src") == "blogarrowdown.gif") {
image.setAttribute("src","blogarrowright.gif");
} else {
image.setAttribute("src","blogarrowdown.gif");
}
}
</script>

I was able to figure it out after I found a way to output debug information (alert("text")). Somehow my console did not work, but I like the alert-way better anyway.