ホーム > fadeIn (全2件)
  • 全要素がフェードアウトした後に何かする

    user1クラスの要素をフェードアウトし、その後に何かする。

    $( '.user1' ).fadeOut( 'fast' ).promise().done( function () {
    	// ここに全要素フェードアウト後の処理を
    } );
    
    /* おまけ: eachでも同じように記述できる */
    $( '.user1' ).each( function () {
    	// ここに各要素に適用する処理を
    } ).promise().done( function () {
    	// ここに全要素適用後の処理を
    } );
    

    fadeOutやfadeIn関数にはコールバック関数の指定があるが、それらは各要素の表示効果後に呼び出されるため、最後にまとめて1回処理するようなケースには向かない。そんなケースに向いているのが、promise関数と組み合わせたdone関数である。(jQuery 1.6以降)

  • 要素を消したり表示したりする

    table要素を消したり表示したりする。

    /* すばやく消したり表示したりする */
    $( 'table' ).toggle();
    
    /* ゆっくり消したり表示したりする */
    $( 'table' ).fadeToggle( 'slow' );
    

    toggle関数は、指定された要素の表示状態に応じてhide関数とshow関数を実行する。fadeToggle関数(ver1.4.4で追加)は、指定された要素の表示状態に応じてfadeOut関数とfadeIn関数を実行する。fadeToggle関数のパラメータはfadeOut関数およびfadeIn関数と同様で、duration(アニメーション時間:省略時400)、easing(動作パターン:省略時swing)、complete(完了時のコールバック関数)が指定できる。