［続きを読む］でテキストを開閉！hide_paragraphs

長い文章の途中で[続きを読む]のように省略/開閉できるようにしたいなーと思い、シンプルなスクリプトをいろいろ探していたら・・
『hide_paragraphs』というjQueryプラグインを見つけたので、メモとして残しておきます。
（メモなので、ものすごく端折っております〜！悪しからず☆）

この手のスクリプトは、表示文字数（あるいは行数や単語数）で判別するタイプがほとんどですが、今回使ってみたのは「段落数」で判別するというもの。

使わせていただいたのは「hide_paragraphs」です。

＊＊＊
使い方はとっても簡単。

１）こちらのサイトから「hide_paragraphs.js」をダウンロードし、jQueryのあとに「hide_paragraphs.js」を読み込ませます。

<script src="***/jquery.js"></script>
<script src="***/hide_paragraphs.js"></script>

２）次に、使いたい場所に次のスクリプトを書いて、

<script>
$(function () {
$(".collapsable").hideParagraphs(オプション);
});
</script>


３）あとは開閉させたい文章をまるごと囲めばいいだけ！

<div class="collapsable">○○○</div>

上記の（オプション）のところには、たとえば{show: 4}と書けば4段落目まで表示させることができます。

<script>
$(function () {
$(".collapsable").hideParagraphs({show: 4});
});
</script>

その他にも、次のようなオプション設定が可能です。
{show: 4, show_text: "Show more", hide_text: "Hide"}

他のライブラリと干渉するなどしてうまく動かない場合は、$をJQueryに変えればコンフリクトは回避できると思います☆

＊＊＊