長いソースコードや文章を簡単にアコーディオンさせる jQuery のサンプルを作ってみました。 ブログを書いていて、長いソースコードが出てきた場合、それをそのまま pre 要素で掲載しちゃっていいものか迷うときがあります。ソースコードを見て理解したい人には親切だけど、使い方とかだけを見たい人には邪魔だろうなーと。そういったときに、とりあえず非表示にしておいて、見たい人はクリックしてアコーディオンして見られれば便利かな、という単純な発想で作ってみました。 ただ、それだけだと芸がないので、「~を表示する。」とか「~を閉じる。」といった文章も自動的に生成させるようにしてみました。こうしておけば、文章中に表示に関する要素を一切追加しなくて済みます。 完成したソース 完成したソースコードは以下のようになります。と、ここでデモを兼ねて使っています。 $(function() { $('.simple_
![jQuery を使って長いソースや文章をアコーディオンさせるサンプル | JavaScript | かたつむりくんのWWW](https://cdn-ak-scissors.b.st-hatena.com/image/square/d901c7e61da481d30bec40fe487029d077149978/height=288;version=1;width=512/https%3A%2F%2Ftinybeans.net%2Fassets%2Fimg%2Fbanner%2Fogp-image.png)