ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのtoggleとslideToggleの違い

jqueryのtoggleとslideToggleの違い

巴扎黑
巴扎黑オリジナル
2017-06-29 11:48:521239ブラウズ

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>



スライドの使用方法切り替え: