PIYO - Tech & Life -

JQuery

追加要素にshown.bs.collapseが効かない

Bootstrapについてくるjavascriptのcollapseを使うとアコーディオン風のUIが簡単に作れるから便利。 JavaScript · Bootstrap で、隠れていたものが表示されたときに何かしたいってときのためにshown.bs.collapseっていうイベントが用意されているんだけど、このイベント、ajaxとかで追加した要素ではちゃんと呼ばれない。

jQueryで秒速アコーディオンUI

ヘッダーをクリックすると展開するようないわゆるアコーディオンUIの実装が意外とめちゃくちゃ楽でした。 「アコーディオンUIって簡単にできますか?」って聞かれて、「うーん、どうでしょうか。調べてみます」みたいに返答した自分が恥ずかしいぐらい。