jQuery Muestra y oculta múltiples divs con una clase seleccionada

Necesito ser capaz de mostrar y ocultar divs basados ​​en qué clase de href es ‘seleccionado’. Tengo algunos códigos a continuación:

http://jsfiddle.net/XwN2L/722/

Necesito eliminar la opción ‘todos’ en el violín anterior.

Así que, básicamente, cuando un href tiene la clase seleccionada, se muestran los dos enlaces para el href, entonces cuando un usuario hace clic en otro href, oculta los enlaces anteriores y muestra los nuevos enlaces con la clase ‘selected’

Cuando hacen clic en el enlace, la clase seleccionada cambia y los botones se ocultan y muestran en consecuencia.

Casi solo necesito ayuda en los últimos bits.

 
1a 1b
2a 2b
3a 3b
popup COMPLETE
jQuery(function(){ jQuery('.showSingle').click(function(){ jQuery('.targetDiv').hide(); jQuery('#div'+$(this).attr('target')).show(); }); });​

Aclamaciones

Puede usar atributos data-* :

  

 var $target = $('.targetDiv'); // caching object for better performance $('.buttons a').click(function(e) { e.preventDefault(); $(this).addClass('selected').siblings().removeClass('selected'); var target = $(this).data('target'); if (target === 'all') { $target.show(); } else { $target.hide().filter('#div' + target).show(); } }); 

http://jsfiddle.net/fKHsB/