slideUp mehrere divs

Question

Wie kann ich sicherstellen, dass mehrere divs oben sind gerutscht? Im Moment habe ich diese Funktion:

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

Was würde ich tun möchte, ist sicher zu stellen, dass alle divs, die genannt werden:

1. Div.1
2. Div.2 außer diesem
3. div.3
4. div.4
5. div.5

ist slided oben, mit Ausnahme des zweiten div.

Answer 1

Sie können das nicht Wähler eine (oder mehrere) von ihnen verhindern ein Verrutschen up:

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

Es wäre eine gute Idee sein, diese divs eine gemeinsame CSS-Klasse zu geben, damit die Wähler nicht alle divs auf Ihrer Seite nicht wählen:

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

Wenn Sie mit nummerierten Klassennamen auf Ihrer divs sind, könnten Sie mit dem beginnt mit dem Attribut Filter :

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