HOME > > > > >

.fadeOut()

.fadeOut( [duration] [, callback] )

引数

(string|number)duration
(function)callback

jQueryオブジェクトが保持しているDOM要素で表示となっているものを透明度を上げながら非表示にする。

サンプル

実行結果

非表示

Javascript

  1. const $obj = $('#sample-1 .photo');
  2. $('#execute-1').on('click', (e) => {
  3.     $obj.fadeOut();
  4. });

HTML

  1. <div id="sample-1">
  2.     <img src="/resource/images/photos/8.jpg" alt="" class="photo">
  3.     <span class="cq-btn m-primary" id="execute-1">非表示</span>
  4. </div>

.fadenOut( [duration] [, easing] [, callback] )

引数

(string)duration
(string)easing
(function)callback

サンプル

実行結果

非表示

Javascript

  1. const obj2 = $('#sample-2 .photo');
  2. $('#execute-2').on('click', (e) => {
  3.     obj2.fadeOut('slow', 'swing');
  4. });
  5.  

HTML

  1. <div id="sample-2">
  2.     <img src="/resource/images/photos/2.jpg" alt="" class="photo">
  3.     <span class="cq-btn m-primary" id="execute-2">非表示</span>
  4. </div>