从右到左滑动切换

Posted 2023-02-25

【中文标题】从右到左滑动切换

【英文标题】：slideToggle from right to left

【发布时间】：2012-11-29 15:49:39

【问题描述】：

我是看一个教程做这个的，但我没有看到任何选项可以让它从右侧到左侧工作。我不希望它贴在身体的右侧。

Link to the fiddle

【问题讨论】：

用您的 pastebin 制作了一个小提琴，无法与 pastebin 交互。更新了您的问题。

【参考方案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 替换为您想要制作动画的元素的选择器，但既然您正在学习，我想我会指出这一点。

【参考方案2】：

你也可以考虑这个插件：

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

页面是法语的，但插件是不言自明的。

希望对你有帮助