出现Toogleble菜单左幻灯片

Question

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

我已经尝试过：

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

但这有2个问题：

1. 时间1750无效。
2. 窗口从上到下同时以一半的宽度弹出，从右到左同时弹出。 （以对角线的方式）。

任何帮助表示赞赏。

我正在使用jQuery UI library。

Answer 1

您犯了两个错误：

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

您的代码的有效版本：

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