ページの一部を閉じたい

質問

例えば<h1>タグで囲まれた部分を、ユーザーが手動で閉じるようにしたいです。
右上に閉じるマークを置いてそれをクリックしたらh1タグ部分の文章が閉じてその分ページが上に詰められるように移動、という感じです。
そのような方法はありますか？
（できましたらスタイリッシュなのがありがたいです。）

よろしくお願いします。

回答No.1

b0a0a

いいいいいい<br>
<h1 id="tomato">
ああああああ
<button onClick="getElementById('tomato').style.display='none'">閉じる</button>
</h1>
いいいいいい<br>