JQueryスライディングがうまくいかないようです。

Question

私は現在、私のページとコードのほとんどが動作していますが、このjQueryアニメーション部分では困惑しています。私はクリックされたタブによって、タブと<div>の内容を変更しています。しかし、これは動作しますが、コンテンツはスライドアウトして変更されることになっています。代わりに、アニメーションなしで瞬時に変化しています。私はjFiddleに入れましたが、なぜ動作しないのか分かりません。この特定の問題に関連するコードを削除しただけでは、ページが正しく表示されないように思われたため、jFiddleにHTMLとCSSのコード全体を挿入する必要がありました。私は、スライドされていないスライド機能を作成する際のガイドとしてこのチュートリアルを使用： http://www.queness.com/post/655/jquery-moving-tab-and-sliding-content-tutorial

ここjFiddleコードです：http://jsfiddle.net/LxjN2/1/

アイデアは、スライドアウトボックス内のテキストを持つことです。しかし何らかの理由でそれが機能していません。どんな助けもありがとうございます。 http://jsfiddle.net/LxjN2/9/

はまたにあなたのJavaScriptを入れて、あなたがフィドルを作成するときに注意：

Answer 1

問題は、チュートリアルでは、私はあなたのフィドルを更新here

からを含めたscrollToプラグインを含めていなかったということですJavaScriptの部分は、より明快なものを見るのに役立ちます。 JavaScriptパネルのすべてをdocument.ready()に追加するだけで、HTMLに戻すことができます。

Answer 2

@citizenが正しい。少し説明を追加するには

scrollToがreturn falseより前に吹き飛ばされていたという理由がありました。 return falseは決して実行されなかったので、hrefのアンカーに移動するデフォルトのクリック機能が実行されました。これが瞬時に出現した理由です。