javascript - 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() 事件

所以你.toggle()正常使用如下。

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

检查这个更新的 JSFiddle。

希望你能理解。