slideUp多个div

Question

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

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

我想要做的是确保所有命名的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上使用带编号的类名,则可能需要考虑使用带有属性过滤器的启动:

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