Question

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

List 1 <button1>
List 2 <button2>
List 3 <button3>
List 4 <button4>

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 <button2>, slideDown div between List 2 and List 3 etc.

Just some further info to clarify my requirement:

 - List 1 <button1>
 - List 2 <button2>
 - List 3 <button3>
 - List 4 <button4>

Based on this list, if I press <button2>, 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?