「もっと詳しく」ボタンを押すとモーダルが開きます。
コンテンツはScript内に配列で管理されていて、クリック元によって内容を切り替えています。
デベロッパーツールで見てもらうと、モーダルのhtmlとしては次の要素しか入っておらず、開いた時に動的にコンテンツが更新されている事がわかるかと思います。
<div class="modal-container"> <h2 class="modal-heading">テキスト</h2> <img class="modal-thumbnail" src="" alt="画像の説明" /> <p class="modal-description">本文</p> </div> <div class="modal-background"></div>
1. WordPressについて
もっと詳しく
2. CSSについて
もっと詳しく
3. デスクトップ整頓のコツ
もっと詳しく
テキスト
本文