jQuery SlideDown DIV between List Boxes

Question

Hi,

I currently have a page with four list boxes on it and imagine a button alongside each one, say:

List 1 List 2 List 3 List 4

I also have a <"div#formEntry"> that holds a form with text fields, for users to enter information in.

My question is, depending which button I have pressed, I would like to slideDown this div immediately after the button I have pressed.

So if I have pressed , slideDown div between List 2 and List 3 etc.

Any help would be appreciated.

Thanks. Tony.

Just some further info to clarify my requirement:

• List 1
• List 2
• List 3
• List 4

Based on this list, if I press , I would like my form <"div#formEntry"> to appear immediately below List 2, under the list item and to the left and not under the button.

Answer 1

$("button selector").click(function() {
    $("#formEntry").insertAfter(this).slideDown();
});

Clicking any of the buttons will move the form after the button and slidedown. Is this what you wanted?