Javascript 从右向左切换

使用AlloyUI

Toggler

，是否可以将div从右向左切换，而不是标准的down->up？我已经检查了方向，但找不到任何类型的切换

方向

这是我当前的

切换程序

代码：

new Y.Toggler({
    animated : true,
    closeAllOnExpand : true,
    container : '#mySearchForm',
    content : '.content',
    expanded : false,
    header : '.header',
    transition : {
            duration : 0.2,
            easing : 'cubic-bezier(0, 0.1, 0, 1)'
    }//always toggles from the bottom->up
});

---

要使

切换器

水平切换，您需要做3件事：

应用<代码>浮动：左到所有

Toggler

元素，使

Toggler

水平

将

动画：true，

更改为：

animated: {
    to: { right : '300px' }
},

注意：您可能需要调整像素的确切数量

换成

下面是一个将所有这些与原始代码结合在一起的示例

查看YUI和类，了解有关如何修改动画的更多详细信息