Edit in JSFiddle

$(document).ready(function(){
    
    // hide message_body
    $(".message_list .message_body").hide();
    
    // toggle message_body
    $(".message_head").click(function(){
        var $message = $(this).next();
        if (!$message.is(":animated")) {
            $message.slideToggle();
        }
    });
    
});
<body>
	<ol class="message_list">
		<li>
			<p class="message_head"><cite>例文その1</cite></p>
			<div class="message_body"><div class="message_container">
				<p>この何十年かのあいだに、断食芸人たちに対する関心はひどく下落してしまった。以前には一本立てでこの種の大きな興行を催すことがいいもうけになったのだが、今ではそんなことは不可能だ。あのころは時代がちがっていたのだ。あのころには町全体が断食芸人に夢中になった。断食日から断食日へと見物人の数は増えていった。だれもが少なくとも日に一度は断食芸人を見ようとした。興行の終りごろには予約の見物人たちがいて、何日ものあいだ小さな格子檻こうしおりの前に坐りつづけていた。夜間にも観覧が行われ、効果を高めるためにたいまつの光で照らされた。晴れた日には檻が戸外へ運び出される。すると、断食芸人を見せる相手はとくに子供たちだった。大人たちにとってはしばしばなぐさみにすぎず[#「なぐさみにすぎず」は底本では「なぐさみにすぎす」]、ただ流行だというので見るだけだが、子供たちはびっくりして口を開けたまま、安全のためにたがいに手を取り合って断食芸人の様子をながめるのだった。断食芸人は、顔蒼あおざめ、黒のトリコット製のタイツをはき、あばら骨がひどく出ており、椅子さえはねつけて、まき散らしたわらの上に坐り、一度ていねいにうなずいてから無理に微笑をつくって観客の質問に答え、また格子を通して腕をさし出し、自分のやせ加減を観客にさわらせ、やがてふたたびすっかりもの思いにふけるような恰好となり、もうだれのことも気にかけず、檻のなかのただ一つの家具である時計の、彼にとってきわめて大切な時を打つ音もまったく気にかけず、ただほとんど閉じた両眼で前をぼんやり見つめ、唇をぬらすためにときどき小さなコップから水をすするのだった。</p>
			</div></div>
		</li>
		<li>
			<p class="message_head"><cite>例文その2</cite></p>
			<div class="message_body"><div class="message_container">
				<p>入れ変わる見物人のほかに、観客たちに選ばれた常任の見張りがいて、これが奇妙にもたいていは肉屋で、いつでも三人が同時に見張る。彼らの役目は、断食芸人が何か人に気づかれないようなやりかたで食べものをとるようなことのないように、昼も夜も彼を見守るということだった。だが、それはただ大衆を安心させるために取り入れられた形式にすぎなかった。というのは、事情に通じた人びとは、断食芸人はどんなことがあっても、いくら強制されても、断食期間にはけっしてほんの少しでもものを食べなかった、ということをよく知っていた。この術の名誉がそういうことを禁じていたのだ。むろん、見張りがみなそういうことを理解しているわけではなかった。ときどきは見張りをひどくいい加減にやるようなグループがあった。彼らはわざと離れた片隅に坐り、そこでトランプ遊びにふけるのだった。それは、彼らの考えによれば断食芸人が何かひそかに同意してある品物から取り出すことができるはずのちょっとした飲食物をとるのを見逃がしてやっていい、というつもりらしかった。こんな見張りたちほどに断食芸人に苦痛を与えるものはなかった。この連中は彼を悲しませた。断食をひどく困難にした。ときどき彼は自分の衰弱をじっとこらえて、この連中がどんなに不当な嫌疑を自分にかけているのかということを示すため、こんな見張りがついているあいだじゅう、我慢できる限り歌を歌ってみせた。しかし、それもほとんど役に立たなかった。そうすると連中はただ、歌を歌っているあいだにもものが食べられるという器用さに感心するだけだった。芸人にとっては、格子のすぐ前に坐り、ホールのぼんやりした夜間照明では満足しないで、興行主が自由に使うようにと渡した懐中電燈で自分を照らすような見張りたちのほうがずっと好ましかった。そのまばゆい光は彼にはまったく平気だった。眠ることはおよそできないが、少しばかりまどろむことは、どんな照明の下でも、どんな時間にでも、また超満員のさわがしいホールにおいてでも、できたのだ。彼にとっては、こうした見張り番たちといっしょに一睡もしないで夜を過ごすことは好むところだった。こうした連中と冗談を言い合ったり、自分の放浪生活のいろいろな話を物語ったり、つぎに今度はむこうの物語を聞いたりする用意があった。そうしたことはすべて、ただ彼らを目ざませておき、自分が何一つ食べものを檻のなかにもってはいないということ、彼らのうちのだれだってできないほど自分が断食をつづけているということを、彼らにくり返し見せてやることができるからだった。しかし、彼がいちばん幸福なのは、やがて朝がきて、彼のほうの費用もちで見張り番たちにたっぷり朝食が運ばれ、骨の折れる徹夜のあとの健康な男たちらしい食欲で彼らがその朝食にかぶりつくときだった。この朝食を出すことのうちに見張り番たちに不当な影響を与える買収行為を見ようとする連中さえいることはいたが、しかしそんなことはゆきすぎだった。そういう連中が、それならただ監視ということだけのために朝食なしで夜警の仕事を引き受けるつもりがあるかとたずねられれば、彼らも返事はためらうのだった。それにもかかわらずこの連中からは嫌疑は去らなかった。</p>
			</div></div>
		</li>
		<li>
			<p class="message_head"><cite>例文その3</cite></p>
			<div class="message_body"><div class="message_container">
				<p>とはいえ、これは断食というものとおよそ切り離すことのできない嫌疑の一つではあった。実際、だれも連日連夜たえず断食芸人のそばで見張りとして過ごすことはできなかった。したがって、だれも自分自身の眼でながめたことから、ほんとうに引きつづきまちがいなしに断食が実行されたかどうか、知ることはできなかった。ただ断食芸人自身だけがそれを知ることができた。だから彼だけが同時に、自分の断食に完全に満足している見物人であることができるのだった。だが、彼はまた別な理由からけっして満足していなかった。おそらく彼は断食によっては人びとの多くが彼を見るにしのびないというのであわれみの気持からこの実演を敬遠しないでいられないほどもやせ衰えているのではなくて、ただ自分自身に対する不満足からそんなにもやせ衰えているのだった。つまり、彼だけが、ほかの事情に明るい人も一人としてこのことを知らないのだが、断食がどんなにやさしいか、ということを知っていた。それはこの世でいちばんやさしいことだった。彼はそのことを秘密にしておいたわけではなかったが、人びとは彼のいうことを信じなかった。よくいってせいぜい人は彼のことを謙遜けんそんだと考えるのだが、たいていは宣伝屋だとか、インチキ師だとか考えるのだった。このインチキ師は、断食をやさしくすることを心得ているために断食はやさしいというわけだし、また厚かましくもそれを半ば白状さえするのだ、というわけだ。こうしたすべてを彼は甘受しなければならなかった。長い年月のあいだにはそんなことに慣なれたけれども、心のうちではこの不満がいつも彼をむしばんでいた。そして、まだ一度でも、断食期間が終ったあとで――その証明書が彼に交付されることになっていたが――みずから進んで檻を離れたことはなかった。断食の最大期間を興行主は四十日間ときめていて、それ以上は一度も断食させなかったし、大都会でもさせなかった。しかももっともな理由からだった。およそ四十日ぐらいのあいだは、経験からいうとだんだんと高まっていく宣伝によって一つの町の関心をいよいよそそることができたが、それからは観衆も受けつけなくなり、客の数がぐんと減るということがはっきりみとめられるのだった。むろんこの点では町と田舎いなかとではわずかなちがいはあったが、通常は四十日が最大期間であるという相場だった。そこで四十日目には、花でまわりを飾られた檻の戸が開かれ、熱狂した観客が円形劇場を埋め、軍楽隊が演奏し、断食芸人に必要な検査を行うために二人の医師が檻のなかへ入る。メガフォンによってその検査の結果が場内に知らされる。最後に二人の若い婦人が、ほかならぬ自分たちがくじで選ばれたことをよろこびながらやってきて、断食芸人を檻から一、二段下へ手を引いて下ろそうとする。そこには小さなテーブルの上に念入りに選ばれた病人食が用意されているのだ。そして、この瞬間、断食芸人はいつでもさからおうとするのだった。なるほど彼は自分の骨の出た両腕を自分のほうへかがんだご婦人がたの助けてくれようとしてさし出された手に進んでのせはするのだが、立ち上がろうとはしないのだ。なぜ、まさに今、四十日後にやめるのか。もっと長く、際限もなく長くもちこたえただろうに。なぜ、まさに今、彼が最上の断食状態にあるところで、いや、まだけっして最上の断食状態にまでいっていないところでやめるのか。なぜ人びとは、もっと断食するという名誉、ただあらゆる時代を通じての最大の断食芸人であるばかりでなく(まったく、彼はもう最大の断食芸人にちがいないのだ)、自分自身を限りないところまで超えるという名誉を、彼から奪おうとするのか。断食する自分の能力にとって彼はどんな限界も感じていないのだった。なぜ彼をこんなにも感嘆していると称するこの群集がこんなにわずかしか辛抱しないのか。彼がこれ以上断食することに耐えるのなら、なぜ群集のほうでも耐えないのか。彼は疲れてはいたが、わらのなかでちゃんと坐っていた。今度はきちんと長いあいだ身体を起こし、食事のあるところへ行かなければならない。食事は、ただ考えただけで胸がむかついてきたが、それを口に出すことは助けてくれているご婦人たちへの遠慮からやっとこらえた。そして、見たところはひどく親切そうだが、ほんとうはひどく残酷なご婦人がたの眼を仰ぎ見て、弱い首の上でいよいよ重くなっている頭を振るのだった。だが、それからはいつでも起こることが起こるだけだ。興行主がやってきて、無言のまま――音楽が演説を不可能にしていた――両腕を断食芸人の頭上に上げる。まるで、天に向って、ここのわらの上にいる天の創造物、このあわれむべき殉難者じゅんなんしゃをどうか見て下さい、とさそうかのようだ。たしかに断食芸人は殉難者ではあったが、ただまったく別な意味でなのだ。それから興行主は断食芸人の細い胴を抱く。その場合、誇張した慎重しんちょうさで、自分は今こわれやすいようなものを扱わなければならないのだ、と見る人に信じさせようとする。それから彼は――こっそり芸人の身体を少しゆするので、芸人は足と上体とを支えることができないため、あちこちとゆれる――そのあいだに死人のように顔が蒼ざめてしまったご婦人がたの手に芸人を渡す。もう断食芸人はすべてを我慢していた。頭は胸の上に垂れ下がり、まるで頭がころがっていき、胸の上でどうしてかわからないがとまっているかのようだった。身体は空っぽになっていた。両脚は自己保存の本能によって膝のところでぴったり合わさっていたが、地面をまるでほんとうの地面ではないというような様子でこするのだった。ほんとうの地面を両脚はまず最初に探しているのだった。そして、身体全体の重みが、とはいってもごくわずかなものではあったが、二人のご婦人の一方にかかった。その婦人は、助けを求め、あえぎながら――彼女はこの名誉な役目をこんな恐ろしいものとは考えていなかったのだ――まず首をできるだけのばして、少なくとも顔を断食芸人とふれないようにしようとしたが、これが彼女にはうまくいかず、運のいい同役の婦人が自分を助けにきてはくれないで、ふるえながら小さな骨の束のような断食芸人の手をおしいただくような恰好で運んでいくことで満足しているので、場内の熱狂した笑い声の下でわっと泣き出し、ずっと前から待ちかまえさせられていた小使と交代しなければならなかった。つぎが食事であった。興行主は断食芸人が失心したようにうとうとしているあいだにその口に少しばかり流しこんだ。断食芸人のこんな状態から人びとの注意をそらそうとして、陽気なおしゃべりをしながら、それをやるのだった。つぎに観客に対して乾杯の言葉がいわれたが、これは芸人が興行主にささやいたものを興行主から観客に伝えるということになっていた。オーケストラがにぎやかな演奏によってそうしたすべてを景気づけ、人びとはそれぞれ帰っていく。だれも見物したものに不満をいう権利はなかった。だれもそんな権利はなかった。ただ断食芸人だけが不満だった。いつでも彼だけがそうだった。</p>
			</div></div>
		</li>
		<li>
			<p class="message_head"><cite>例文その4</cite></p>
			<div class="message_body"><div class="message_container">
				<p>こうやって彼は定期的なわずかな休息期間を挟みながら、多年のあいだ生きてきた。外見上ははなばなしく、世間からもてはやされながら、そうやって生きてきた。だが、それにもかかわらずたいていはうち沈んだ気分のうちにいた。そうした気分は、だれ一人としてそれをまじめに受け取ることを知らないために、いよいようち沈んでいった。どうやって彼をなぐさめたらよいのだろうか。彼にはどんな不満が残っていたのだろうか。そして、ときに彼をあわれんで、君の悲哀はおそらく断食からきているのだ、と彼に向って説明しようとする者があると、とくに断食期間が進んでいる場合には、彼が怒りの発作でそれに答え、けもののように檻の格子をゆすってみんなをびっくりさせることが起こりかねないのだった。ところが、こうした状態に対して興行主は一つの処罰の手段をもっていて、好んでそれを使った。彼は集った観客の前で断食芸人のこうしたふるまいのわびをいって、満腹している人びとにはすぐにはわからないが、ただ断食によって生じる怒りっぽさというものだけによって断食芸人のこんなふるまいが無理からぬものと思っていただけるはずだ、などとみとめるのだ。つぎにそれと関連して、断食芸人が今断食しているよりももっとずっと長く断食できると主張していることも、それと同じような理由で説明がつく、と話すにいたる。そして、たしかにこうした断食芸人の主張のうちに含まれていると興行主がいう、高い努力、善意、偉大な自己否定などをほめそやす。ところが、つぎに写真を示して(これは売りもするのだが)、ごくあっさりと断食芸人の主張を否定しようとする。というのは、その写真の上に見られるのは、断食四十日目の芸人で、ベッドに寝ていて、衰弱のあまり消え入らんばかりの様子なのだ。真実をこうしてねじまげる興行主のやりかたは、断食芸人がよく知っているものだったが、いつでもあらためて彼の元気をそぎ、あんまり度がすぎるものと思われた。断食をあまりに早くうち切ることの結果なのが、今ここでは原因として述べられているわけだ! この愚劣さ、こうした愚劣さの世界と闘うことは、不可能だった。彼はまだ何度でも格子のそばで興行主の話をむさぼるように聞いていたいのだが、写真が現われるといつでも格子から離れ、溜息をつきながらわらのなかへどうとくずれてしまう。そして安心した観客はまた近づいてきて、彼をながめることができた。</p>
			</div></div>
		</li>
	</ol>
</body>
</html>
html {
    /* overflow-y : scroll; */ 
}
* {
    margin: 0;
    padding: 0;
}
* :focus {
    outline: none;
}
body {
    margin: 10px auto;
    width: 570px;
    font: 75%/120% Arial, Helvetica, sans-serif;
}
p {
    padding: 0;
    margin: 0;
}
.message_list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 383px;
}
.message_list li {
    position: relative;
    padding: 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #b2b2b2;
}
.message_head {
    padding: 10px;
    cursor: pointer;
    position: relative;
    background: #eee;
}
.message_head cite {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
}
.message_body {
    background-color: #f4f4f4;
    border: 1px solid #b2b2b2;
    border-bottom: 0;
    height: auto;
}
.message_container {
    padding: 10px;
}