非表示要素を表示にする。
どのようにして表示にしているかというと.css('display', 'block')を実行しているらしい。
なので、もしCSSでdisplay: none !importantにしていた場合、表示されない。
表示したければ.css('display', 'block !important') を実行すると表示される。
.show( duration [, callback] )
引数
- (string|number)duration
- (function)callback
- 表示が完了したら実行される関数
サンプル
Javascript
$('#execute-1').on('click', (e) => {
$(e.target).parent().find('img').show('normal');
});
HTML
<div id="sample-1">
<div class="photos">
<img src="/resource/images/photos/2.jpg" alt="" style="display: none;">
<img src="/resource/images/photos/3.jpg" alt="" style="display: none;">
</div>
<span class="cq-btn m-primary" id="execute-1">表示</span>
</div>
.show( [duration] [, easing] [, callback] )
引数
- (string|number)duration
- (string)easing
- (function)callback