jQuery在列表框之间滑动了div

Question

我目前有一个页面上有四个列表框，想象一下每个按钮旁边的一个按钮，例如：

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

我还有一个<"div#formEntry">，其中包含一个带有文本字段的表单，供用户输入信息。

我的问题是，根据我按下的按钮，我想在按下按钮后立即滑下这个div。

所以，如果我按下了<button2>，则在列表2和列表3之间插入了slideDown div。

进一步了解我的要求：

 - 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();
});

单击任何按钮将在按钮和滑动后移动表单。这是你想要的吗？