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.

Reply via email to