ホームページ > 記事 > ウェブフロントエンド > jqueryのtoggleとslideToggleの違い
jQuery の
toggle メソッドと slideToggle メソッドは、要素の表示と非表示の両方を行うことができます。とても強力です~
違いは次のとおりです:
切り替え: ダイナミック効果は右から左へです。横方向の動き。
slideToggle: 下から上へのダイナミックな効果。垂直アクション。
たとえば、木が下から上に縮む動的な効果を実現したい場合は、slideToggle を使用するだけです。
さらに、toggle と slideToggle に設定できるパラメーターがいくつかあります。詳細については、jQuery API を参照してください~
toggle の使用法:
<スクリプト言語="JavaScript">
$(function(){
$( "#z") " $( "#x").click(function(){
$("#z").toggle(
function(){
alert(1);
},
function(){
アラート(2);
} ,
function(){
アラート(3);
}
);
});
})
< ;/p>
スライドの使用方法切り替え: