JS Toggle

Hi,

So I have been working on this script that someone helped me write. It’s a pretty simply script. All it is (in theory) supposed to do is toggle a hidden div. What makes it special is that when you click on the next record it hides the previous div. I decided it would be neat if I could throw a + or – depending on the row state.

It works almost perfectly.

I click on a record, it expands. I click it again, it closes.
Now, I click on a record, it expands. I click another record, the previous closes, the new one expands BUT the – does not change back to a +

Here is what I have:

[CODE]
var prevClick;
function Show(theClick,name,src_o,src_n) {
if(prevClick&&prevClick!=theClick){
prevClick.style.display = “none”;
document.images[name].src = src_o;
}
if(theClick.style.display != “”) {
theClick.style.display = “”;
document.images[name].src = src_n;
} else {
theClick.style.display = “none”;
document.images[name].src = src_o;
}
prevClick = theClick;
}

# I call it like so…
onClick=”Show(desc1,’img1′,’collapsed.gif’,’expanded.gif’);”
[/CODE]

Any suggestions on how to fix this?

Also in #JavaScript _↴