I have tried using: $(this).find('.arrow').attr("src", "images/down.jpg");
and the opposite to replace the image source using the "arrow" class to find
it. It works for the down arrow replacement but I'm clearly on the w go back
to the up state...

New Code:

    $(document).ready(function() {
        $('div.acc> div').hide();
          $('div.acc> h1').click(function() {

            var $nextDiv = $(this).next();
            var $visibleSiblings = $nextDiv.siblings('div:visible');

                if ($visibleSiblings.length ) {

                      $visibleSiblings.slideUp('slow', function() {
                        $nextDiv.slideToggle('slow');
                        $(this).find('.arrow').attr("src", "images/up.jpg");
                    });

                } else {

                    $nextDiv.slideToggle('slow');
                    $(this).find('.arrow').attr("src", "images/down.jpg");
                }
          });
     });

Reply via email to