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.