Factory制作メモとか、趣味とか、雑記。2021.02.02同時に動作すると両方表示してるタイミングが発生する。function()を使えば済むどういうアレか。とある入れ子の中にコンテンツが複数あって、どれかを表示させる時に他を非表示にするっていう切り替えを行う場合。slide()同士がかち合ってもアコーディオンだから視覚的に違和感はない。show()とhide()の組み合わせも時間差が発生しないから問題ない。slide()に向いてないし、show()/hide()でもいいんだけどパキッとした切り替えは視覚的にイマイチだからフェードさせたいな、ってなったとする。fadeIn()とfadeOut()を同時に行うと、fadeIn()が始まった時に要素の幅なり高さなりが生成されるし、fadeOut()は完了しないと幅も高さも存在し続ける。fadeOut()が完了するまでは縦なり横なりで要素が並んじゃってデザインが崩れてかっこ悪いってことになる。position:absolute;で重ねとけばいいじゃんっていっても、半透明が被るから、まあそれがいいならいいんだけど、何だよこれみたいな感じになる。「fadeOut()完了→fadeIn()開始」をするにはどうしたらいいか、という話。知ってる人は知ってるけど、知らない人は知らない。function()を使えば済むやってしまえば手っ取り早いんだけど、世の中の記述をコピペするだけでカスタマイズに目を向けないままだと身につかない知識。});});こうする。});});fadeOutの時間指定をしたいならこうする。}});更に、functionを逃して見やすくしたいならこうする。ポップアップで表示させる内容に更にjs切り替えのギミックを仕込んだとして、そのポップアップをリセットした状態で再表示時させたい場合もこれで仕込んでおけば大丈夫。fadeOut()の中にhide()やらshow()を入れておけば見えなくなった瞬間にパキッと戻ってくれるから、最速で再表示させてもリセットは追いつく。コピーmegefepsをフォローするmegefeps関連記事WEB[css]縦長・横長画像を可変式正方形にトリミング記事一覧とか商品画像一覧とか用に。今のところ個人的最適解。一通りやって区切りがついたのでまとめ。インストール作業だけならともかく再設定はなるだけ手間をかけたくない。DB]ユーザー登録とログイン機能の作成やる。WEB[GA4]ECCube2系で購入の計測をする方法メモそういえばと思って。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ホームWEB[jQuery]fadeOut完了後にfadeInさせる方法スポンサーリンク掲載内容について内容をパクる場合は自己責任でお願いします。内容が古い場合、環境が変わって通用しないことがあります。記事の内容は最適解ではなく、作成時点においての筆者の理解の限界であることが多々あります。修正やそもそもの宗旨替えは不定期に行われるため、活用される場合はご注意ください。Highlighterがいよいよダメっぽいので、プラグインを変更しました。古い記事は表示が壊れてるものがあります。楽天Room主に釣具とか。max-age=0"),l.setRequestHeader("dlm-xhr-request","dlm_XMLHttpRequest"),l.send()}}タイトルとURLをコピーしました。