2つのMySQLクエリ(ヘッダー用に1つ、コンテンツ用に1つ)とPHPを使用してアコーディオンメニューを作成しようとしています。以下は私のコードPHPとJQueryコードですが、コンテンツをヘッダー内にとどめる方法がわからないようです。MySQLのすべてが順番に出力されます。どんな助けでも大歓迎です。
PHPとMySQL
<div id="left">
<div class="menu">
<?php
$sqlseasons = "SELECT * FROM seasons";
$resultseasons = mysqli_query($dbc, $sqlseasons);
while ($row = mysqli_fetch_array($resultseasons)){
$year_id = $row['year_id'];
?>
<h3><?php echo $row['seasonyear'] ?></h3>
<?php
$sqlteam = "SELECT team.team_id, team.year_id, team.teamname
FROM team
WHERE team.year_id = '$year_id'";
$resultsteam = mysqli_query($dbc, $sqlteam);
while ($sqlrow = mysqli_fetch_array($resultsteam)){
$teamid = $sqlrow['team_id'];
?>
<p><a href="#" onclick="displaySeason('<?php echo $teamid ?>')" id="menu_teamname"><?php echo $sqlrow['teamname']; ?></a></p>
<?php
}
mysqli_close(); } mysqli_close();?></div><button id="team-season">Add Team</button>
JQuery
$(document).ready(function(){245. $('.menu').accordion();246. });