Htmlのアコーディオンについてです。

Question

### 前提
プログラミングについてです。
htmlを最近勉強し始めました。
右上の画像のようなタップして詳細をだす事に関して、アコーディオンで、検索した結果、右下の画像を参考にしてコードを書けばいいことが分かりました。
ですが、私の作りたいページは、左上のような、ホームのページにあるような、メニューで、アコーディオンをしたいです。
なので、テキストを押すと、違うページに飛べるよう、リンクを入れたいです。
その場合、右下の画像で、テキストが表示されますの所にリンクを入れることになりますか？
その場合、Classは、なんと入力すればいいでしょうか？画像では、textとあります。
分かりにくく申し訳ありませんがよろしくお願い致します。

実現したいこと

アコーディオンという技術を、htmlとcssで実現したいです。
例えば、犬のボタンを押すと、【チワワ】、【プードル】、、、など、と出てきて、チワワを押すと、チワワ詳細のページに飛べるようなページをつくりたいです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

まず自身が調べて試して、そしてできなかったときに何を調べて試したのかをもって質問にしてください。
既に調べたこと試したことがあるのでしたら質問本文に記載してください。
質問本文に書かれてないことは誰にも伝わりませんし、赤の他人には本当に調べたかどうかの判断はできません。（本当に調べず試さず丸投げする人もいます）

[退会済みユーザー]

同じ丸投げでも「どんな風に考えたか」とかを書くだけでも相当違いますよ

[m.ts10806]

@kisaragiST
ではそのように対応してください。
https://teratail.com/questions/v1onjceiopb1r4

Answer 1

クラスはこのままで問題ないと思います。
リンクにしたいならpの中身をaタグで挟むだけで良いのでは。

<p class="text"><a href="リンクのURL">テキストが表示されます</a></p>

Comments

[Memememe]

それです！私が知りたかったことを、分かりにくい文から拾って下さり、ありがとうございます。

Answer 2

そもそもHTMLは楽器じゃない