Makel Bildrand Farbe auf Klick

Question

Referenzierung dieses Fiddle (http://jsfiddle.net/j5uGN), wie kann ich ein klickten Bild Grenze Farbe zwischen #efefef und #3f96cf so wechseln, dass es #efefef ist, wenn das Bild nicht aktiviert zu sein scheint (auch bekannt als eine Klasse von „nocheck“ hat) Ich habe bereits ein Klick-Ereignis auf img.check ausgelöst, also wie gehe ich vor, Befehle aneinander zu ketten, um ein anderes Element zu ändern?

Ist meine Frage klar?

Dank

Answer 1

Man könnte so etwas tun:

Javascript Click-Ereignis:

$(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/

Answer 2

$("div.friend").click(function() { 
    if($(this).find('img.nocheck').length > 0) { 
     $(this).find('img.nocheck').removeClass("nocheck"); 
     $(this).find('img.fb_thumbnail').css("border-color", "#3f96cf");    
    } else { 
      $(this).find('img.check').addClass("nocheck"); 
      $(this).find('img.fb_thumbnail').css("border-color", "#efefef"); 
    } 
});​ 

updated jsfiddle demo