Недавно я попытался использовать кнопку сворачивания для отображения содержимого из запроса php. Кнопка свертывания покажет заключенное содержимое, но не свернет после его открытия. Я устранил множество различных возможностей, которые могли вызывать эту проблему, и только одна дала мне прогресс, которая заключалась в том, что CDN bootstrap JS помещался перед JQuery. Это заставило кнопку свертывания работать, и она выглядела великолепно, но также сломала большую часть моего кода, и я получил консольную ошибку, предупреждающую меня, что CDN Bootstrap должен быть после JQuery. Для записи я также попытался переместить оператор if, содержащийся в Div, за его пределы и использовать вместо него переменную, и это не имело никакого значения.
Вот фрагмент моего кода (обратите внимание, что $ comments массив из php):
echo "<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css' integrity='sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk' crossorigin='anonymous'>
<link rel='stylesheet' href='styles.css'>
<title>MelodyMate</title>
<script src='https://code.jquery.com/jquery-3.5.1.slim.min.js' integrity='sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj' crossorigin='anonymous'></script>
<script src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js' integrity='sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo' crossorigin='anonymous'></script>
<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js' integrity='sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI' crossorigin='anonymous'></script>
</head>
<body>
<button type='button' class='btn btn-primary' data-toggle='collapse' data-target='#replies'>View Replies</button>
<div id='replies' class='collapse'>";
if (isset($comments)){
$numofcomments = count($comments);
$commentnum = 0;
while ($commentnum != $numofcomments){
echo $comments[$commentnum];
$commentnum = $commentnum+1;
}
}
echo "
</div>
</body>";