slideUp múltiples divs

Question

¿Cómo puedo asegurarme de que varios divs se deslizan hacia arriba? En este momento tengo esta función:

$("div#personal").click(function() { 
  $("div.1").slideUp("slow", function () { $("div.2").slideDown("slow") } ); 
});

Lo que me gustaría hacer es asegurarme de que todos los div que se nombran:

1. div.1
2. div.2 EXCEPTO ESTE
3. div.3
4. div.4
5. div.5

se desliza hacia arriba, excepto el segundo div.

Answer 1

Puede utilizar el selector no para evitar que uno (o más) de ellos se deslice arriba:

$("div#personal").click(function() { 
  $("div :not('#idofseconddiv'").slideUp("slow");
});

Sería una buena idea dar a esos divs una clase css común para que el selector no seleccione todos los divs en su página:

$("div#personal").click(function() { 
  $("div.someClass :not('#idofseconddiv')").slideUp("slow");
});

Si está utilizando nombres de clase numerados en sus divs, puede considerar usar comienza con el atributo filtro :

$("div#personal").click(function() { 
  $("div[class^=yourClass] :not('#idofseconddiv')").slideUp("slow");
});