jquery - slideUp 複数の div

Question

複数の div が上にスライドされていることを確認するにはどうすればよいですか? 今、私はこの機能を持っています:

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

私がやりたいことは、名前が付けられたすべてのdivが次のようになっていることを確認することです:

1. div.1
2. div.2 これ以外
3. div.3
4. div.4
5. div.5

2 番目の div を除いて、上にスライドされます。

Answer 1

notセレクターを使用して、そのうちの 1 つ (または複数) が上にスライドしないようにすることができます。

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

セレクターがページ内のすべての div を選択しないように、これらの div に共通の css クラスを与えることをお勧めします。

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

div で番号付きのクラス名を使用している場合は、 starts with 属性フィルターの使用を検討することをお勧めします。

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