SlideUp أقسام متعددة

Question

كيف يمكنني التأكد من انزلاق العديد من divs لأعلى؟الآن لدي هذه الوظيفة:

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

ما أريد القيام به هو التأكد من أن جميع divs التي تم تسميتها:

1. شعبة 1
2. شعبة.2 باستثناء هذا
3. شعبة.3
4. شعبة.4
5. شعبة.5

يتم تمريره لأعلى، باستثناء القسم الثاني.

Answer 1

يمكنك استخدام ال لا محدد لمنع واحد (أو أكثر) منهم من الانزلاق لأعلى:

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

ستكون فكرة جيدة أن تمنح عناصر div هذه فئة css شائعة حتى لا يقوم المُحدِّد بتحديد كافة عناصر div في صفحتك:

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

إذا كنت تستخدم أسماء فئات مرقمة على divs الخاصة بك، فقد ترغب في التفكير في استخدام يبدأ بمرشح السمة:

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