从右向左滑动的slideToggle

Question

3

我是在教程的指导下创建了这个，但是我没有看到可以将它从右侧工作的选项。我希望它能够附着在身体的右侧。

- user1846129

把你的 pastebin 做成了一个 fiddle，但无法与 pastebin 进行交互。更新了你的问题。 - Juan Cortés

2个回答

0

你也可以考虑使用插件：

该页面为法语，但插件本身很容易理解。

希望这能帮到您。

- slevon

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Juan Cortés · Accepted Answer

从jQuery文档可以看出：

.slideToggle()方法会对匹配元素的高度进行动画处理。这将导致页面的下部向上或向下滑动，从而呈现出显示或隐藏项目的效果。如果元素最初是可见的，则它将被隐藏；如果元素最初是隐藏的，则它将被显示。

所以，从侧面来看，使用该方法并不是一个选项，如果您正在查看教程，那么最简单的方法就是将jQuery UI添加到您的项目中，并使用其动画方法。这将使它变得非常容易：

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

然而，你可能希望学习在没有jQuery UI（yaiii）的情况下完成此操作，其实并不难。你需要分解jQuery UI（我假设）正在进行的操作，大致如下：

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

在这两个例子中，当然需要用您要动画的元素的选择器来替换this，但由于您是在学习，所以我想指出这一点。