slideUp Plusieurs divs

Question

Comment puis-je m'assurer que plusieurs divs sont glissés? En ce moment j'ai cette fonction:

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

Ce que je voudrais faire est de vous assurer que tous les divs qui sont nommés:

1. div.1
2. Div.2 SAUF CELUI-CI
3. div.3
4. div.4
5. div.5

est glissé, sauf le second div.

Answer 1

Vous pouvez utiliser le sélecteur not pour empêcher une (ou plusieurs) d'entre eux de glisser vers le haut:

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

Ce serait une bonne idée de donner ces divs une classe css commune de sorte que le sélecteur ne sélectionne pas tous divs dans votre page:

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

Si vous utilisez des noms de classe numérotée vos divs, vous voudrez peut-être envisager d'utiliser le starts with attribute filter:

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