Can swapImageClick work in a span?

Can swapImageClick work in a span?

I've tried tons of possibilities in the last 5hours on this. I have come here as last resort.

Here is what I have and it works, but I want it another way.


<div class="CollapsiblePanelTab" tabindex="0">
<img class="swapImageClick {src: 'images/tog_minus.gif'}" src="images/tog_plus.gif" alt="" width="16" height="16" id="Plus">
Random Text</div>

This is part of a TAB in Spry's Collapsible Panel.

Basically I'm trying to get the plus to change to a minus when the panel expands. And back to plus on collapse.

I want to be able to click anywhere in the Tab so it will change the image as I want to.

I tried this.
<span class="swapImageClick {src: 'images/tog_minus.gif'}"><div class="CollapsiblePanelTab" tabindex="0">
<img src="images/tog_plus.gif" alt="" width="16" height="16" id="Plus">
Random Text</div></span>


I figured it would the same way as Javascript's <span onClick> or something!

Image swapping isn't the problem, I've found many solutions that worked but not what I wanted. For example I do NOT want ALL of the plus signs to change to minus when I click on a tab.

If anyone knows a way to swap images and its built into Scry's Collapsible Panels, LET ME KNOW PLEASE.

Lol. Hoping for a quick response on this one, I would APPRECIATE it.

jFire