Javascript 隐藏父div但保持子div可见

我得到了名为工具箱的可显示div，在它里面我得到了单独的工具-带有一些图标的可拖动div和用于小注释的输入字段

我想显示工具箱，抓取选定的工具，将它拖出工具箱，放到需要的地方。这个可拖动的div需要放在正确的位置以便打印，它无论如何都不会保存。这一步很简单，我已经做到了

现在我想把工具箱和他的工具藏起来，但要让拖出的工具仍然可见！如何做到这一点

----编辑---

从工具箱中的什么地方

<a href="#toolbox" onclick="showmydiv('toolbox");">Show toolbox</a>

然后工具箱

<div id="toolbox" style="display:none;">
<a href="#toolbox" onclick="hidemydiv('toolbox");">Hide toolbox</a>
 <div class="draggable" id="tool1"><img src="tool1icon.png"><input value="" id="tool1label"></div>
 <div class="draggable" id="tool2"> ...
  ... more tools
</div>

我在单独的js文件中获得了用于拖动、显示和隐藏的工作函数——这不是问题——我需要从孩子们那里移除级联隐藏

---编辑2--

我当然来过这里-

但这并不是我使用拖动功能得到的解决方案，而且我无法指定新的容器放置在何处——可拖动的div只停留在释放鼠标键的地方。让我们把这个放在一边

更重要的是如何从父级释放子级以不继承父级隐藏样式和父级事件？有什么想法、方向和搜索的地方吗

--eedit 3----

---

已经存在--所以仍然没有解决方案

您有两种可能性：

更改已移动子对象的父对象，例如创建绝对定位的div作为body的子对象

---

B创建副本并隐藏原件

您对此做了哪些研究？到目前为止，您是否有任何现有代码向我们展示您的工作成果？你真的没有给我们足够的信息让我们继续下去——也许你可以贴一张小提琴来展示你的困境？用我所有的资料编辑了这个问题。我无法使用jquery，无法进入@media print以隐藏打印工具箱。我知道ss长工具在工具箱中，它们继承了工具箱中的所有样式。我不知道如何在DOM树中将它们移出。@Daedalus——我写到我得到了用于拖放、显示和隐藏div的工作函数——从未说过有原生函数。我只知道孩子们必须从父代移出——不仅在浏览器视图中，而且在代码中。我不关心当前的js函数。也许可以编写新函数onDrop event。@Daedalus-解释如何隐藏容器而不是子容器？-如果我知道，我就不会在这里问了。。。另一次编辑。除了想法和解决方案的方向，我从来没有问过代码。我将使用这个工具箱中的js动态创建div，工具箱中将只是带有锚和onClick事件的图像。创建的工具将位于另一个容器中，并可根据需要使用。