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/

该页面是法语，但该插件是自我解释的。

希望这有帮助