JQuery Sliding似乎不起作用

Question

我目前的大部分页面和代码都在工作，但是，我对这个jQuery动画部分感到困惑。我正在使用标签，<div>的内容会根据所点击的标签进行更改。然而，这有效，内容应该滑出并改变。相反，它只是在没有动画的情况下立即改变。我把它放进了jFiddle，但我无法弄清楚为什么它不起作用。并且由于我似乎无法正确显示页面，如果我只是删除与此特定问题相关的代码，我必须将整个HTML和CSS代码插入到jFiddle中。我使用本教程作为创建滑动滑动功能的指南： http://www.queness.com/post/655/jquery-moving-tab-and-sliding-content-tutorial

以下是jFiddle代码：http://jsfiddle.net/LxjN2/1/

这个想法是让框内的文字滑出来。但由于某种原因，它不起作用。任何帮助表示赞赏。

Answer 1

问题是你没有包括scrollTo插件，该教程包括here

我更新了你的小提琴：http://jsfiddle.net/LxjN2/9/

另请注意，当您创建小提琴时，将JavaScript放入JavaScript部分有助于更清晰地查看内容。要将其放回html中，只需将JavaScript面板中的所有内容添加到document.ready()。

即可

Answer 2

@citizen是正确的。稍微添加说明：

它的工作原因是scrollTo在return false之前爆炸了。由于return false从未运行，因此允许执行默认点击功能，该功能将移至href中的锚点。这就是它立即出现的原因。