Q:

Toggle Image Source on Click

I'm trying to do a typical expand and collapse function to display/hide a div on image click.
Here's my HTML:
<div id="result_location">
    <h3>Heading Text here</h3>       
</div>
<div class="result_menu"></div>

And my JavaScript:
$('#result_location').click(function() { 
    $('.result_menu').slideToggle("slow");
});

So there's going to be an image within the #result_location div, that alternates between a plus/minus when the .result_menu gets toggled.
Hope that kinda makes sense!

A:

Have wrote a fiddle for you.
Basically toggling the source will done the trick.
Here is the code
Html
<div class="msg_list">
    <p class="result_location">Heading Text here<img src="http://prtlimages.cunamutual.com/ImageServer/Portal/B2B/CollapseSign.gif"></img></p>
        <div class="result_menu">
            This <br/>
            is <br/>
            a <br/>
            Testing <br/>
            Content
        </div>
</div>

javascript
$(".result_location").click(function(){
    $(this).next(".result_menu").slideToggle("slow");
})
.toggle( function() {
    $(this).children("img").attr("src","http://prtlimages.cunamutual.com/ImageServer/Portal/B2B/ExpandSign.gif");
}, function() {
    $(this).children("img").attr("src","http://prtlimages.cunamutual.com/ImageServer/Portal/B2B/CollapseSign.gif");
});

check the fiddle here

