Javascript 让一个DIV的一部分在移出另一个DIV时消失？（CSS、JQuery、HTML）

我有两个div。其中一个div位于另一个div的内部，可通过JQuerys

draggable

移动。我现在想要实现的是，当我将div2移出div1时，div1之外的部分应该消失。当您将其移回内部时，它将再次出现。最优雅的处理方式是什么

---

您可以将

溢出：隐藏

设置为容器元素

$（函数（）{
$（“#可拖动”）.draggable（）；
});
#可拖动{
宽度：150px；
高度：150像素；
填充：0.5em；
}
.x{
宽度：250px；
高度：250px；
溢出：隐藏；
}

把我拖来拖去

您能提供一个最小的工作示例代码吗？（例如，在plunkr或JSFIDLE中）