slideToggle从右到左

Question

我在一个教程中看到了这一点，但我看不到让它从右边到左边工作的选项。我不想把它附着在身体的右侧。

Link to the fiddle

Answer 1

从jQuery docs

.slideToggle()方法以动画形式显示匹配元素的高度。这会导致页面的下半部分向上或向下滑动，显示或隐藏项目。如果元素最初被显示，它将被隐藏；如果被隐藏，它将被显示。

如果你正在看教程，你最简单的选择就是将jQuery UI添加到你的项目中，并使用它的动画方法。这会让它变得很简单：

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

然而，你可能想要在没有jQuery UI (yaiii)的情况下学习它，毕竟这并不是那么难。您需要分解jQuery UI (我假设)正在做的事情，如下所示：

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

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

Answer 2

你也可以考虑一下插件：

http://www.webinventif.fr/wslide-plugin/

页面是法语的，但插件是不言而喻的。

希望这能有所帮助