-1
부트 스트랩 아코디언을 사용하는 PHP 스크립트를 작성했습니다. 내 문제는 다음과 같습니다 : - 데이터는 모든 레코드에 대해 아코디언으로 올바르게 표시되지만 각 아코디언을 클릭하면 팝콘이 닫힙니다. 첫 번째 레코드의 아코디언을 제외하고 닫습니다. 첫 번째 아코디언은 완벽하게 작동하지만 나머지 레코드는 아코디언이 올바른 데이터를 표시하지만 전혀 닫히지 않습니다. 사람이 여기 수 있다면 도와주세요 내가 내 문제가 발생하는 PHP 배열의 각 레코드에 대해 고유 아코디언 ID를 할당하여 해결되었습니다부트 스트랩 PHP 스크립트가 제대로 작동하지 않는 아코디언
<div class="row">
<?php while ($row = mysql_fetch_assoc($sql_result)) { ?>
<div class="col-sm-6">
<div class="card" style="width: 25rem;">
<h3 class="card-header card-warning text-center"><?php echo $row['dlocation'] ?></h3>
<img class="card-img-top img-fluid" src="<?php echo $row['dimage'] ?>" alt="Card image cap">
<!--ACCORDION START-->
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Image Description
</a>
</h5>
</div>
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="card-block">
<?php echo $row['dimagedescription'] ?>
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Software Used
</a>
</h5>
</div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-block">
<p class="card-text"><?php echo $row['dsoftwareused'] ?></p>
</div>
</div>
</div>
</div>
<!--ACCORDION END-->
<div class="card-block ">
<div class="alert alert-danger" role="alert">
<p class="card-text"><?php echo $row['dimagedescription'] ?></p>
<p class="card-text"><?php echo $row['dsoftwareused'] ?></p>
</div>
<h4><span class="badge badge-default">Designer Information</span></h4>
<h5 class="card-title"><?php echo $row['dname'] ?></h5>
<h6 class="card-subtitle mb-2 text-muted"><?php echo ($row['dcity'])?></h6>
<h6 class="card-subtitle mb-2 text-muted"><?php echo ($row['dmobile'])?></h6>
<h6 class="card-subtitle mb-2 text-muted"><a href="<?php echo ($row['dwebsite'])?>"><?php echo ($row['dwebsite'])?></a></h6>
<h6 class="card-subtitle mb-2 text-muted"><a href="mailto:<?php echo ($row['demail'])?>" target="_top"><?php echo ($row['demail'])?></a></h6>
</div>
<div class="card-footer">
<small class="text-muted">Design ID:- <?php echo stripcslashes($row['did']) ?> Submitted on :-<?php echo stripcslashes($row['dsubmissiondate']) ?></small>
<br>
</div>
</div>
</div>
<?php } ?>
</div>