JQuery слайд DIV между списками

Question

В настоящее время у меня есть страница с четырьмя списками и представьте кнопку рядом с каждым, скажем:

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

У меня также есть <"div#formEntry">, который содержит форму с текстовыми полями, в которую пользователи могут вводить информацию.

У меня вопрос, в зависимости от того, какую кнопку я нажал, я бы хотел сдвинуть это деление сразу после нажатия кнопки.

Так что, если я нажал <button2>, divDown слайд между списком 2 и список 3 и т. Д.

Просто дополнительная информация, чтобы уточнить мое требование:

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

Исходя из этого списка, если я нажму <button2>, я бы хотел, чтобы моя форма <"div#formEntry"> появлялась сразу под списком 2, под элементом списка и слева, а не под кнопкой.

Answer 1

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

Нажатие на любую из кнопок переместит форму после кнопки и скольжения. Это то, что вы хотели?