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

查看文档:

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

因此，您通常如下使用 .toggle() 。

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

检查此更新 JSFiddle .

希望您能理解。