javascript - 出现Toogleble菜单左幻灯片

我正在尝试制作一个切换窗口，以从右向左弹出。

我已经试过了：

$('#menuDiv').show({ direction: "left", easing:"linear" }, 1750 );

但这有两个问题：


时间1750没有任何效果。
窗口从上到下同时以一半的宽度弹出，从右到左同时弹出。 （以对角线的方式）。


任何帮助表示赞赏。

我正在使用jQuery UI library。

最佳答案

您犯了两个错误：


您未指定所需的效果类型，这是必需的选项effect
您尝试将持续时间指定为第二个参数，而应该使用选项duration


您的代码的有效版本：

$('#menuDiv').show({
  effect: "slide",
  direction: "left",
  easing:"linear",
  duration: 1750
});