从右向右滑动?

我如何让div从折叠状态扩展到展开状态(反之亦然),但是从右到左这样做?

我看到的大部分内容总是保持不变。


$("#slide").animate({width:'toggle'},350);

参考:https://api.jquery.com/animate/


这可以使用jQueryUI hide / show方法本地实现。 例如。

    // To slide something leftwards into view,
    // with a delay of 1000 msec
    $("div").click(function () {
          $(this).show("slide", { direction: "left" }, 1000);
    });

参考:http://docs.jquery.com/UI/Effects/Slide


用这个:

$('#pollSlider-button').animate({"margin-right": '+=200'});

现场演示

改良版

一些代码已被添加到演示中,以防止双击双击:http://jsfiddle.net/XNnHC/942/

使用它与宽松;)

http://jsfiddle.net/XNnHC/1591/

  • 额外的JavaScript代码已删除。

  • 类名称和一些CSS代码已更改

  • 增加了功能来查找是否展开或折叠

  • 改变是否使用宽松效果

  • 改变了动画速度

  • http://jsfiddle.net/XNnHC/1808/

    链接地址: http://www.djcxy.com/p/83667.html

    上一篇: Slide right to left?

    下一篇: Add window.location to body class