myExtraContent1
myExtraContent2

 
実行結果説明:トグルボタンでp要素を表示したり消したり切り替える操作が出来る。1つの処理で「表示/隠す」処理ができるため、初心者にとって非常に便利なメソッドとなっています。
v1.4.3からは期間とfunctionの間にイージングを設定して、アニメの加速度を変更できます。
jQueryオブジェクトで指定した要素が表示されている時は(slideUpの演出で)隠し、隠れている時は(slideDownの演出で)表示します。第1引数に期間を「ミリ秒」で設定することで、演出の速度を変更できます(期間を1000と設定すれば、1秒かけて要素を消します)。期間を設定しないと400ミリ秒で演出します。また、第2引数にfunctionを設定すると演出が完了した後に実行されます。

$("div").slideToggle(1000, function (){
alert("Animation complete.")
});


myExtraContent3