【冒頭部分】ここは最初から見えている部分です。
ここから下の文章は、最初は隠れていて見えなくなっています。
アコーディオンが開くと、すべての文章が表示されます。
画像やリストなどもここに入れることができます。
長文のコンテンツに最適なレイアウトです。
アコーデオンの「ちら見せ」の部分を、縦に広くする方法
max-height（最大長） という部分の数字を大きくすることで、閉じている時に見える範囲を広げることができます。
操作する場所は以下の通りです。
変更する箇所
コードの下の方にある <style> ～ </style> の中から、以下の部分を探してください。
Copy/* --- 中身（閉じた状態） --- */
.peek-content {
padding: 15px 20px 40px;
color: #c2185b;
/* ★ここを変更します★ */
max-height: 100px; /* ← この「100px」を好きな数字に変えてください */
overflow: hidden;
transition: max-height 0.5s ease;
}
調整の目安
この 100px という数字を大きくすればするほど、縦に広く表示されます。
100px： 3〜4行くらい表示（デフォルト）200px： 7〜8行くらい表示（少し長めに読ませたい時）400px： かなり長く表示（半分くらい読ませたい時）