cambiar clase conclick y removerla dar click de nuevo

[alexk]

pense que lo habia conseguido despues de miles de intentos pero no...
el siguiente codigo me funciona perfecto...
doy click a "responder" y me mustra el div "box" perfecto,
al primer click par amostrar "box" me agrega la clase "selected" igual.. hasta aqui todo perfecto es todo lo que quiero ahora que pasa?...
tengo 3 (por ahora) "responder" y me funcionan perfecto, doy click en uno y me cierra el otro y si doi click en el mismo me cierra este y le quita la clase que le agrego "selected" ... eso es justamente lo que quiero, pero no del todo...

mi problema esta en que al dar click a un "responder" le agrega la clase "selected" pero al dar click en un "responder" diferente no le quita la clase que le agrego... osea que al ir cambiando de "responder" a "responder" se van cerrando pero la clase "selected" no se quita hasta que des click de nuevo en el...

Código Javascript:

$(function(){
    $(".responder").click(function(a){a.preventDefault();
    $(this).next(".box").slideToggle(300).siblings(".box").slideUp("slow");                    
    });
    $(".box").slideUp();
    
    $(".responder").toggle(
    function () {
    $(this).addClass("selected");
    },
    function () {
    $(this).removeClass("selected");
    }
    );
    
});
 

jaja ya me lie jaja... espero haberme dado a entender...

subi mi problema para que me entiendan un poquito mas...
http://alexkaguiar.com/test/test.html

[juaniquillo]

si lo que quieres es hacer el toggle de una class puedes usar toggleClass mejor.

[alexk]

Gracias!... eso me vale