Hello all:
I have a script I use to create accordions using an image.
But, I am want the hovered image and/or the clicked/tapped image to be different as the original accordion image.
Any suggestions on the script are appreciated.
The script I am using right now is:
HTML BLOCK / DISABLED / BEFORE THE SECTION IN THE ACCORDION
<center><img src="http://assets.goplaypool.com/files/theme/appcas/updatepass000.png" onClick="Displayer(2)" ></center>
<table id="Section2" style="display:none;"><br><td> THEN;
HTML BLOCK / DISABLED / AFTER THE SECTION AFTER THE ACCORDION
</td></table><br>
AND A FOOTER SCRIPT:
<script>
function Displayer(n)
{
var check = document.getElementById('Section'+n);
if(check.style.display == 'none')
{
check.style.display='inline';
}
else
{
check.style.display='none';
}
}
</script>
---
Now on hover and/or "open" accordion, I want a different image.
Thanks in advance