如何使用JQuery/CSS在单击按钮时将div面板移动到所有其他div面板的下方？

<div id="container">
  <div id="panel1">面板1</div>
  <div id="panel2">面板2</div>
  <div id="panel3">面板3</div>
  <!-- 其他面板... -->
</div>

#container {
  position: relative;
}

div[id^="panel"] {
  position: absolute;
  width: 200px;
  height: 200px;
  background-color: #ccc;
  /* 其他样式... */
}

$(document).ready(function() {
  $('button').click(function() {
    var targetPanel = $('#panel1'); // 要移动的目标面板
    var otherPanels = $('div[id^="panel"]').not(targetPanel); // 其他面板

    // 计算目标面板应该移动到的位置
    var targetTop = otherPanels.last().position().top + otherPanels.last().outerHeight();

    // 移动目标面板到指定位置
    targetPanel.css('top', targetTop);
  });
});