向上滑动多个div

Question

我怎样才能确保几个div向上滑动？现在我有这个功能：

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

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

1. div.1
2. div.2 EXCEPT THIS ONE
3. div.3
4. div.4
5. div.5 的div

是向上滑动，第二个 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 上使用编号的类名称，您可能需要考虑使用 以属性过滤器开头：

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