slideUp多个div

Question

我怎样才能确保几个div被滑落？现在我有这个功能：

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

我想要做的是确保所有名为div的div：

1. 1区
2. div.2 除了这一个
3. div.3
4. div.4
5. div.5
除了第二个div之外，

被滑倒了。

Answer 1

您可以使用not选择器阻止其中一个（或多个）向上滑动：

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

为这些div提供一个通用的css类是个好主意，因此选择器不会选择页面中的所有div：

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

如果您在div上使用带编号的类名，您可能需要考虑使用starts with attribute filter：

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