jquery長い文章の冒頭部分をグラデーション表示させておいてボタンをクリックすると開き、またボタンをクリックすると閉じるというものです。開閉動作はアニメーションにしました。本文中にユーザーが必要に応じて開閉できるボックスを設置したくて作成してみました。長い補足説明とか解説、ソースコードなどを対象にするといいでしょう。CSSだけで実現する方法もありますが、HTMLが複雑になる(input要素が必要など)、アニメーションがうまくいかない、などの理由でjQueryで実装することにしました。CodePen.仕様HTMLはdivタグで囲むだけというシンプルなものにしました。WordPressのテーマなどHTMLを簡単に変更できない場合にも簡単に実装できます。開閉ボタンはjQueryで追加するようにしました。対象要素が複数あってもすべてに追加できます。対象要素の高さが規定値より小さい場合は開閉ボタンを追加しません。文章のグラデーションはCSSの疑似要素のグラデーションで覆うことで実装しました。開閉ボタンはボックスの最下部に配置してますが、ボックス内の文章が長いときに普通に閉じるとボックスが画面より上に移動してしまうので、開閉ボタン位置が移動しないようにスクロールさせてます。<p>テキスト</p></div>開閉したいテキストをtext_wrapperクラスで囲みます。});})まとめタグで囲まれた特定のボックス範囲を開閉したいときに、HTMLはそのままで開閉できるので、導入は楽だと思います。hatenaは、当ブログに長いソースコードを掲載する場合、ソースコードで占有されてしまうので、閲覧者が開閉できるようにしたいと思い作成してみました。シンタックスハイライターに実装する方法を紹介しますので、Luxeritasユーザーの方はご期待ください。...WordPressのテーマを選ぶ初期設定が終わったら次はテーマを選択します。Editingブログでコメントを投稿した後、誤字や間違いに気づくということはよくありますよね。...CSSグラデーションで抜粋を徐々に消えるように表示ブログの記事一覧でタイトルと抜粋文を表示することはよくあります。コメントをキャンセルメールアドレスが公開されることはありません。