HOME > > > > >

.show()

非表示要素を表示にする。

どのようにして表示にしているかというと.css('display', 'block')を実行しているらしい。 なので、もしCSSでdisplay: none !importantにしていた場合、表示されない。 表示したければ.css('display', 'block !important') を実行すると表示される。

.show( duration [, callback] )

引数

(string|number)duration
(function)callback
表示が完了したら実行される関数

サンプル

実行結果

表示

Javascript

  1. $('#execute-1').on('click', (e) => {
  2.     $(e.target).parent().find('img').show('normal');
  3. });

HTML

  1. <div id="sample-1">
  2.   <div class="photos">
  3.     <img src="/resource/images/photos/2.jpg" alt="" style="display: none;">
  4.     <img src="/resource/images/photos/3.jpg" alt="" style="display: none;">
  5.   </div>
  6.   <span class="cq-btn m-primary" id="execute-1">表示</span>
  7. </div>

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

引数

(string|number)duration
(string)easing
(function)callback