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"); } }); });