jQuery: excluye $ (this) del selector

Tengo algo como esto:

A
B
C

Cuando se hace clic en uno de estos enlaces, deseo realizar la función .hide () en los enlaces en los que no se hace clic. Entiendo que jQuery tiene el selector: no, pero no puedo encontrar la manera de usarlo en este caso porque es necesario que seleccione los enlaces usando $(".content a")

Quiero hacer algo como

 $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); 

pero no puedo entender cómo usar el selector: no correctamente en este caso.

Intente utilizar el método not() lugar del selector :not() .

 $(".content a").click(function() { $(".content a").not(this).hide("slow"); }); 

Puede usar la función not lugar del selector: :not :

 $(".content a").not(this).hide("slow") 

También puede usar el .siblings() jQuery .siblings() :

HTML

 
A B C

Javascript

 $(".content").on('click', 'a', function(e) { e.preventDefault(); $(this).siblings().hide('slow'); }); 

Demostración de trabajo: http://jsfiddle.net/wTm5f/

Debe utilizar el método “hermanos” () y evitar que se ejecute el selector “.content a” una y otra vez solo para aplicar ese efecto:

HTML

 
A
B
C

CSS

 .content { background-color:red; margin:10px; } .content.other { background-color:yellow; } 

Javascript

 $(".content a").click(function() { var current = $(this).parent(); current.removeClass('other') .siblings() .addClass('other'); }); 

Vea aquí: http://jsfiddle.net/3bzLV/1/