ホームページに簡単な「続きを読む（ReadMore)」機能を設置したい

初心者に毛の生えたレベルの者です。
管理しているホームページで簡単な「続きを読む（ReadMore)」ボタンを設置したいと考えています。ボタンと書きましたが、実際はボタンでなくて、ニュースサイトにあるような簡素な文字だけのものが希望です。
グラデーションもアニメーションも不要です。ただし「閉じる」は欲しいと思います。

検索しても大げさなボタンのものしか見つかりませんでした。
そうした簡素な「続きを読む」機能を実現できる方法をご存じの方、ご教示下さい。
あるいは参考になるサイト(とにかく簡素な方法の)がありましたら、教えて下さい。よろしくお願いします。

質問者からの補足コメント

• 説明不足でした。別のページに飛ぶのではなくて、続きの文章を「その場で展開して読める」のが希望です。言語はHTML5でやっています。

    補足日時：2020/01/05 22:41

No.1 ベストアンサー 回答者： かわごえ 回答日時： 2020/01/05 22:52

https://metrograph.jp/css_gradation_paragraph/
https://www.oosaka-web.jp/column/web/180213/
こんなやつですよね

この回答へのお礼

かわごえさん、早速の回答、ありがとうございました。
そうです。こんなやつを探してました！
2つのうち、上のhttps://metrograph.jp/css_gradation_paragraph/がぴったりな感じでした。（下のやつは、初心者の私には理解困難でした）

そこで、今朝から上の方法で作業を始めたのですが、けっきょく頓挫するに至りました。
というのは、「続きを読むボタン」のCSSが「/*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ*/」と突き放され、FireFoxのソースを表示させる機能の「要素の調査」でCSSを抜き出してやってみたのですが、「続きを読む」ボタンが上の方に表示されてしまい、それの修正ができませんでした。
いろいろやってみたのですが、私の初心者レベルのスキルでは希望の位置にボタンを設置することが出来ませんでした。何とも情けない（泣)

少々急いでいましたので、やむなく、次のサイトの方法で取り敢えずボタンの設置を行いました。ここです。https://allabout.co.jp/gm/gc/459102/
（ここの方法は「閉じる」ボタンがないのが不満です）

もっと勉強して出直します。かわごえさん、ほんとにありがとうございました。

お礼日時：2020/01/06 19:12