如何将下拉式窗体上的标签从顶部移动到侧面

<div class="sidebar">
  <ul class="tag-list">
    <li>标签1</li>
    <li>标签2</li>
    <li>标签3</li>
    <li>标签4</li>
  </ul>
</div>

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background-color: #f2f2f2;
  border-right: 1px solid #ccc;
}

.tag-list {
  list-style: none;
  padding: 0;
}

.tag-list li {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
}

// 监听下拉式窗体展开事件
$('#dropdown').on('show.bs.dropdown', function () {
  // 将标签从顶部移动到侧边栏
  $('.tag-list li').appendTo('.sidebar .tag-list');
});