折りたたみ表示するHTML

<details>は、追加情報を折りたたみ表示する。
<summary>は、内容の要約・キャプション・説明を表す。

HTML

<details><summary>read more...</summary>
この間のこの文章は、折りたたみ表示されます。</details>

結果

read more...この間のこの文章は、折りたたんで表示されます。

参考

<a>で飛んだ先の要素にスタイルが適用。

<style>
#more {
display : none;
}
#more:target {
display : block;
}
</style>

<a href="#more">read more...</a>
<div id="more">この間のこの文章は、折りたたみ表示されます。</div>