.fadeOut( [duration] [, callback] )
引数
- (string|number)duration
- (function)callback
jQueryオブジェクトが保持しているDOM要素で表示となっているものを透明度を上げながら非表示にする。
サンプル
実行結果
非表示
Javascript
const $obj = $('#sample-1 .photo');
$('#execute-1').on('click', (e) => {
$obj.fadeOut();
});
HTML
<div id="sample-1">
<img src="/resource/images/photos/8.jpg" alt="" class="photo">
<span class="cq-btn m-primary" id="execute-1">非表示</span>
</div>
.fadenOut( [duration] [, easing] [, callback] )
引数
- (string)duration
- (string)easing
- (function)callback
サンプル
実行結果
非表示
Javascript
const obj2 = $('#sample-2 .photo');
$('#execute-2').on('click', (e) => {
obj2.fadeOut('slow', 'swing');
});
HTML
<div id="sample-2">
<img src="/resource/images/photos/2.jpg" alt="" class="photo">
<span class="cq-btn m-primary" id="execute-2">非表示</span>
</div>