draggable - 拖动到特定位置移动div并释放鼠标

Question

我希望实现的是当用户将包含div拖动到特定范围并释放鼠标时，整个包含div应该移动-50％。

我已经制作了一个jsFiddle，就我所追求的目标提供了一个大致的工作。

目前我所处的位置是检测鼠标是否被释放并让div从左侧移动-50％。

我尝试过这样的事情：

$(".content-switch").draggable("option", {
  "revert": false,
  "disabled": true
});
$(".content-switch").css("left", "-50%");
$(".content-switch").draggable("option", {
  "revert": true,
  "disabled": false
});

在禁用可拖动的情况下，将其从左侧移动-50％然后重新启用它（重新启用，因为拖动也需要在以后执行反之亦然）但是这不起作用，因为它在打破期间拖动。

是否有更直接的解决方案来实现这一目标，例如在任何可拖动事件本身中，或者是否有任何人对解决方法有所了解。