freefuntimes今回はjQueryを用いて、一つのアコーディオンメニューを展開すると、他のアコーディオンメニューが閉じた状態になるアコーディオンメニュー(ドロップダウンメニュー)を実装してみる。demoそれでは解説に入っていく。src="style.js"></script></body></html>ソースは下記の記事と同じである。}}特に前回と変更している記述はないので、解説は省略したい。});});今回は、前回と比べると下記の記述が追加になっている。$('.bl_accordionTitle').not($(this)).next().slideUp();$('.bl_accordionTitle.active').not($(this)).removeClass("active");1行目はクリックしていないbl_accordionTitleの次の兄弟要素はスライドアップで閉じている。続けて、2行目はクリックしていないbl_accordionTitleにactiveのクラスがついていれば、activeを外すように設定した。これにより、クリックしたメニューだけ展開して、クリックしていないメニューは展開しないといったことができるようになる。以上でアコーディオンシリーズは終わりだ。iOSで見るとプラスとマイナスの動きがおかしくなっているが、こちらは時間を見てアニメーションを直したいと思う。今回はあくまでアコーディオンの実装方法に話の重点を置いているため、見た目の装飾部分には言及しないことにしたいと思う。(2)人気ブログランキングこのサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。