html - クリックすると同じ Web ページのテキストが開くリンクを作成する

Question

こんにちは、私は HTML を初めて使用し、PHP や JavaScript をまったく知りません。真ん中に写真があるシンプルなhtml Webページがあります。画像をクリックすると、画像が何であるかを説明するテキストが表示されますが、新しい Web ページに移動する必要はありません。javascriptやphpを使わずにhtmlだけでこれを行うことは可能ですか？ありがとう

Answer 1

detailsおよびsummaryHTML5 要素で同様のことを行うことができます。

このFiddleを参照してください(Chrome/Safari/Opera でのみ動作します)

<details>
    <summary><img src="image-source"> Click here for more information</summary>
    <p>more information</p>
</details>

ブラウザのサポートが不足しているため、それらの使用はお勧めしません。caniuse.comを参照- 概要