Jquery UI“drop”效果 - 后台移动

Question

我正在尝试做一个简单的JQuery UI模块，它从左到右显示一个带有“drop”效果的菜单。

我正在使用Jquery UI 1.10.3和Jquery 2.0.3。

我的问题：如果菜单来自左侧，菜单背景会从下往上跳转，反之亦然。

这是我的代码，您可以在此处查看我的问题：http://jsfiddle.net/yrhTS/

> First JavaScript function made an alternative to JQuery deprecated .toggle().

非常感谢你！

Answer 1

将padding:2px;添加到#articleleftmenu将解决您的问题。

选中此JSFiddle

<强>供参考：

.toggle()和.toggle() event

之间存在差异

参见文档：

1. .toggle()
2. .toggle() event

所以你通常使用.toggle()，如下所示。

$('.sections').on('click', function() {
           $( "#articleleftmenu" ).slideToggle( "left" );
}); 

检查此更新JSFiddle。

希望你明白。