php - 子要素であるmysqlで動的メニューを作成する

Question

タイトルがずれていたらすみません。私がやろうとしていることの専門用語が何であるか正確にはわかりません。そうは言っても、私がやろうとしているのは、mysql クエリから入力されるアコーディオン スタイルのメニューを作成することです。メニューの最初の部分には、すべてのチーム名を選択してメニューを作成するクエリから取得されるチーム名のリストが含まれます。

$result = mysql_query("SELECT * FROM SportsByTeam");


<ul class='nav nav-list'>
<?php
while($row = mysql_fetch_array($result))
  {
?>
<li>
<a href="<? echo $row['seo_team']?>"> <?php echo $row['team'] ?> </a>
</li>
<?php
} ?>

これは、私が構築しようとしているメニューの最上位レベルで完全に機能します。私が完全にこだわっているのは、メニューのアコーディオン (最下層) を組み込む方法です。私が望んでいるのは、誰かが上記のクエリによって生成されたチームをクリックすると、そのチームに属するプレーヤーのリストがドロップダウンすることです。明確にするために、私は html/css の観点からアコーディオン メニューを作成する方法をあまり尋ねていません。mysql クエリに基づいて動的なアコーディオン メニューを作成する方法を尋ねています。この部分のために私が思いついたクエリは次のとおりです。

SELECT PlayerByTeam.team_name AS TeamName, SportsByTeam.seo_team, PlayerByTeam.first_name, PlayerByTeam.last_name

FROM PlayerByTeam

inner join SportsByTeam ON PlayerByTeam.team_name = SportsByTeam.team

しかし、それは私が得ることができる限りです。2 つのクエリの結果を 1 つの動的メニューに組み込むにはどうすればよいですか? 次のようになります。

<ul>
<li> Team Name 1 </li>
<ul>
<li> Player Name 1 </li>
<li> Player Name 2 </li>
</ul>
<li> Team Name 2 </li>
..etc
</ul>

(皆さんのご協力に本当に感謝しています。SO は私が多くのことを学ぶのを助けてくれました。いつかすぐにコミュニティに還元できることを願っています。)