带PHP脚本的Bootstrap Accordion无法正常工作

问题描述：

我写了一个使用Bootstrap Accordion的php脚本。 我的问题如下： - 数据显示正确的手风琴所有记录，但当我点击各自的手风琴..其中一个弹出开放ñ关闭，除了显示的第一个记录的手风琴，即只有第一个手风琴工作得很好，但对于其余的记录，手风琴显示正确的数据，但不会弹开。如果任何人都可以这里请帮助是我写带PHP脚本的Bootstrap Accordion无法正常工作

  <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>

答

我的问题已经由产生的PHP阵列中的每个记录分配唯一的手风琴ID解决了这个代码。谢谢。

带PHP脚本的Bootstrap Accordion无法正常工作

相关推荐