jquery - 滑动从右向左切换

Question

我是在看教程时做的，但我看不到可以让它从右侧到左侧工作的选项。我不希望它连接到 body 的右侧。

Link to the fiddle

Answer 1

来自jQuery docs :

The .slideToggle() method animates the height of the matched elements. This causes lower parts of the page to slide up or down, appearing to reveal or conceal the items. If the element is initially displayed, it will be hidden; if hidden, it will be shown.

因此，从一侧到另一侧进行操作不是一个选项(使用该方法)，如果您正在查看教程，您最简单的选择就是添加 jQuery UI到您的项目并使用它的动画方法。这将使事情变得简单:

$(this).hide('slide',{direction:'left'},1000); //or show

但是，您可能想学习在没有 jQuery UI 的情况下做到这一点 (yaiii)，而且这毕竟不是那么难。您需要分解 jQuery UI(我认为)正在做什么，大致如下:

$(this).animate({ marginLeft: "100%"} , 1000);

在这两个示例中，您当然需要将 this 替换为您想要设置动画的元素的选择器，但既然您正在学习，我想我会指出这一点。