Question

Referencing this Fiddle ( http://jsfiddle.net/j5uGN ), how can I toggle a clicked image’s border color between #efefef and #3f96cf so that it is #efefef when the image appears to be unchecked (aka has a class of “nocheck”)? I already have a click event firing on img.check, so how do I go about chaining commands together to change a different element?

Is my question clear?

Thanks

Answer 1

You could do something like this:

Javascript click event:

$(this).find('img.fb_thumbnail').toggleClass("uncheckedborder");

Css:

div#friend_box img.fb_thumbnail.uncheckedborder {
    border:3px solid #efefef !important;
}

http://jsfiddle.net/j5uGN/5/