Sure, as I said I have the following function in place:
$j(document).ready(function() {
$j('#answerbox').hide();
$j('a.faq').click(function() {
var faq_id = $j(this).attr('id');
$j('#faq' + faq_id).slideToggle("fast");
return false;
});
});
I would like to include a switch between these two images:
'./images/toggle-plus-trans.gif';
'./images/toggle-minus-trans.gif';
The HTML looks like this:
<h3 class="faq"><a href="#" id="86" class="faq" name="86"
style="text-decoration: none;">
<img src="../images/toggle-plus-trans.gif" alt="Expand Answer"
title="Expand Answer" />
</a>This is my FAQ Question</h3>
<div id="faq86" class="answerbox" style="display:none;">This is my
FAQ Question</div>
On Oct 2, 11:50 am, James <james.gp....@gmail.com> wrote:
> Could you post your relevant HTML also with some kind of sampleimage
> src and what you would like it to look like after it's been toggled?
>
> On Oct 2, 6:26 am, Gremlyn1 <greml...@gmail.com> wrote:
>
> > I have some divs I am toggling and there is a little + signimageI
> > want tochangeto a - signimagewhen the toggle event occurs, but
> > can't quite figure it out. Here is the toggle code I have (taken from
> > a helpful post on here):
>
> > $j(document).ready(function() {
> > $j('#answerbox').hide();
>
> > $j('a.faq').click(function() {
> > var faq_id = $j(this).attr('id');
> > $j('#faq' + faq_id).slideToggle("fast");
> > return false;
> > });
>
> > });
>
> > Theimageis not contained within the <a> tag, so I guess I need a
> > separate function to callback.
