ansaurus

Question

Answer 1

+4 A:

You can use the not selector to prevent one (or more) of them from sliding up:

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

It would be a good idea to give those divs a common css class so the selector does not select all divs in your page:

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

If you are using numbered class names on your divs, you might want to consider using the starts with attribute filter:

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

karim79 2009-09-13 11:41:12

those divs have classes and in those classes it is 1 to 5.

Elijah Woods 2009-09-13 11:47:28

Use also the jQuery object accessor INDEX if you don't have an ID. It returns the index (based zero) of that div in the page

ranonE 2009-09-13 11:49:28

Yes, but how do make sure that all my divs with the classes 1 to 5 are slided up? This only makes sure 1 div with someClass is slided up and not all.

Elijah Woods 2009-09-13 11:52:45

@Elijah Woods - then maybe use the starts with attribute filter, e.g. $('div[class^=someClass] not:('#idofseconddiv')") where someClass is what your classes start with, before the number, e.g. myClass if you have myClass1, myClass2, etc.

karim79 2009-09-13 11:53:13

Great karim79! The starts with attribute filter was awesome :p

Elijah Woods 2009-09-13 12:00:07

ansaurus

tags:

views:

answers:

[jQuery] - slideUp multiple divs

related questions