[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > Efffect > .slideToggle()
.slideToggle()
スライド効果付きで要素の表示、非表示を切り替える。
.slideToggle( [duration] [, callback] )
引数
- (string)duration
- (function)callback
サンプル
「slide toggle」ボタンを押すと表示・非表示が切り替わる。またコールバックを利用して、切り替わり完了時に画像のalt属性を表示する。
実行結果
Javascript
- let count = 0;
- $('#execute-1').on('click', (e) => {
- let screen = $('#sample-1 .screen');
- let text = '';
- $('#sample-1 .photo').slideToggle('normal', (e) => {
- screen.append(count + ' : ' + $('#sample-1').find('img').attr('alt') + '<br />');
- count++;
- });
- });
HTML
- <div id="sample-1">
- <div class="photo"><img src="/resource/images/photos/2.jpg" alt="画像"></div>
- <span class="cq-btn m-primary" id="execute-1">slide toggle</span>
- <div class="screen"></div>
- </div>
.slideToggle( [duration] [, easing] [, callback] )
引数
- (string)duration
- (string|number)easing
- (function)callback