jQuery

jQuery

【jQuery】スクロールでふわっと表示(フェードイン)させる方法

jQueryを使って、スクロールしたら要素がふわっとフェードインで表示させるアニメーションを実装したい。 本記事では、下のようにスクロールに合わせて要素が下からふわっとフェードイン表示する実装方法を、jQueryを用いて解説します。 SeeReadMore...
jQuery

【jQuery】ホバーでスライドするドロップダウンメニューの作り方

この記事では、jQueryを使って「メニューをホバーしたときにサブメニューがスライド表示されるドロップダウンメニューの作り方」をハンズオン形式で解説します。 jQueryでドロップダウンメニューをスライド表示する 見本はこちらです。 各メニReadMore...
jQuery

【jQuery】要素をひとつだけ開くアコーディオンの実装方法(他は閉じる)

jQueryを使ってクリックした要素をひとつだけ開くアコーディオンメニューの作り方を解説します。 下記サンプルは、例えば「質問1」を開いたまま「質問2」をクリックすると、「質問1」は閉じて「質問2」の一つだけが開きます。 See the PReadMore...
jQuery

【jQuery】領域外をクリックしたときに「閉じる」イベントを発動する方法

たとえば「モーダルの背景をクリックしたとき」のように、指定した領域の外側をクリックしたときに要素を閉じる方法について解説します。 領域外をクリックしたときに「閉じる」イベントを発動するjQueryの書き方 jQueryで領域外をクリックしたReadMore...