Untitled

Using jQuery to change src on all classes except for current click

$(function(){

    $(".img-swap").live('click', function() {

        if ($(this).attr("class") == "img-swap") {

            this.src = this.src.replace("_off","_on");

        } else {

            this.src = this.src.replace("_on","_off");

        }

    });

});

       

<div id="feedback-topic.buttons">

    <a href="#bug"><img src="lib/feedback-bug_off.jpg" alt="bug" width="75" height="49" border="0" class="img-swap" /></a>

    <a href="#content"><img src="lib/feedback-site_content_off.jpg" alt="bug" width="121" height="49" border="0" class="img-swap" /></a>

    <a href="#suggestion"><img src="lib/feedback-suggestion_off.jpg" alt="bug" width="117" height="49" border="0" class="img-swap" /></a>

</div>

       

this.src = this.src.replace('_off', '_on');

 

$('.img-swap').not(this).attr('src', function(index, attr) {

    return attr.replace('_on', '_off');

});