jQueryを使って、アコーディオンを実装する方法について記録しておきます。 アコーディオンの条件. ※従来のslideToggleメソッドは要素の状態を切り替えるためのメソッドなので、確実に開かせる場合はslideDown、閉じる場合はslideUPで処理に切り替えた方が意図しない挙動がなくなるかと思います。 jQueryでメニュー等の領域外をクリックした時に閉じるようにする. jQuery. クリックするとコンテンツが出たり隠れたりするというのをjQueryのslideToggleで作ってみました。 slideToggleは出たり隠れたりする時の動作が上から下へ、下から上へと見栄えが良いです。 コンテンツを消すというよりも隠すという感じがします。 Jquery の slide.toggle でメニューを作っていますが、ボタンでは正常にメニューの開閉がされるのですが、ボタン以外のクリック（またはタップ）で開いたメニューを閉じたいのですがうまくいきません。コードは以下のように記述していま .slideToggle()を含む全てのjQueryのエフェクトは、 jQuery.fx.off = trueにすることで実際にはdurationを0に設定することで、 グローバル全体でOFFにすることが可能です。 詳細は、jQuery.fx.offを参照してください。 デモ jQueryを利用して、ページ内のコンテンツ(テキストや画像)をslideToggleで開閉式にしたいと考えています。 [閉じる]ボタンをクリックした歳に開閉式コンテンツ(#readmore-wrap)のトップにアニメーションで移動させたいと思っています。 私の書いたjsだと[続きを読む]をクリックした歳に … See the Pen RXoVyx by kei on CodePen. 思ったこと. 一つだけ展開し、他の要素は閉じる; 矢印も一緒に動く; こんな感じで実装する方法です。 一つだけ展開し、矢印も一緒に動く. jQueryは以下の様に記述され、buttonをクリックするとslideToggleメソッドを利用して400ミリ秒のアニメでdiv要素を表示したり隠したりします。 toggleメソッド と異なり アニメを省略することはできま … More than 5 years have passed since last update.