Javascript 下拉菜单不显示'；将jquery draggable函数实现到父DIV后

这里是脚本和CSS新手。我试图使用jquery设置一个可拖动的DIV。我想在DIV中使用我遇到的jquery menu.js文件创建一个下拉菜单。我一把下面的代码添加到页面上，菜单就开始奇怪了。你越是拖动窗口，它离你越远

    <script>
  $( function() {
        $( "#Main" ).draggable();
      } );
  </script>

$（函数（）{
$（“#Main”）.draggable（）；
} );

下面是一个显示代码的JSFIDLE。请随意删除上面的行，然后重新运行，看看它应该如何工作。然后把它放回去，看看它是如何再次破坏东西的。

我读过noconflict（）函数，但它似乎不起作用，或者我没有正确使用它。不确定ui.js和menu.js之间是否存在冲突