JQuery UI动画 - 顺利地滑动Div和附加的Div

Question

我有一个工具箱，当你点击一个栏时它会扩展。然后一个不同的div（被隐藏）将滑动＆＃34;从屏幕右侧出来，导致工具箱完全打开。再次单击该栏时，工具箱将关闭。

问题如下：隐藏的div将（按目标）平滑显示，并向右滑动。酒吧就在那个div旁边，只是传送到＃34;向右，隐藏的div将结束。

我确定这对你们中的一些人来说非常混乱，所以让我分享你们问题的截图。

滑动前： http://prntscr.com/amrgl0
滑动时： http://prntscr.com/amrhy5
滑动后： http://prntscr.com/amrgyq

＆＃34;之前＆＃34;和＃34;之后＆＃34;就像它应该的那样，但是当div滑动时，我想要附加它的div与它一起使用。

我的HTML结构：

<div id="toolboxWrap">
      <div id="toolboxRow"><span>></span></div>
      <div id="toolboxContent">
            <div id="toolboxTitle"><h2>Toolbox</h2></div>
      </div>
 </div>

我的JQuery：

const arrowOpen = ">";
const arrowClose = "<";

$("#toolboxRow").click(function(event){
    $("#toolboxContent").toggle("slide");
    $("#toolboxRow").children().html($("#toolboxRow").children().html() == arrowOpen ? arrowClose : arrowOpen);

});

请注意，我的ToolboxWrap具有绝对位置。

我希望我的问题得到适当的解答，谢谢你的时间。