使用引导折叠单击属性时显示数据

Question

我想在单击 $name 时显示 $request、$order_no、$site_location、$item_code、$Time。我该怎么做？我想使用引导折叠，但我被卡住了。我如何传递值，因为它在 while 循环中并包含许多元素。如何使用引导程序识别点击了哪一个？

<div class="row">
    <tr><td><div class="col-md-2"> <?php echo $name;?></div></td>
       <td><div class="col-md-2"> <?php echo $request;?></div></td>
       <td><div class="col-md-2"> <?php echo $order_no;?></div></td>
       <td><div class="col-md-2"> <?php echo $site_location;?></div></td>
       <td><div class="col-md-2"> <?php echo $item_code;?></div></td>
       <td><div class="col-md-2"> <?php echo $request;?></div></td>
      <td> <div class="col-md-2"><?php echo $Time;?></div></td>





      <td><div class="col-md-2"><a href=update_status.php?flag=p&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-lock" style='margin-right:60px'></span></a></div></td>
      <td><div class="col-md-2"><a href=update_status.php?flag=a&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-up" style='margin-right:60px'></span></a></div></td>
      <td><div class="col-md-2"><a href=update_status.php?flag=r&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-down" style='margin-right:60px'></span></a></div></tr></td>


  </div>

Answer 1

如果我理解正确，您有多个元素（在一个循环中），当您单击带有 $name 的 td/col-md-2 时，您想显示其余列？

Bootstrap 折叠让您可以定义一个元素并将其设置为目标： data-toggle="collapse" data-target="#collapseExample"

见：http://getbootstrap.com/javascript/#collapse

你的 html 可能会变成这样（还没试过）：

<div class="row">
    <tr>
        <td><div class="col-md-2" data-toggle="collapse" data-target="#collapse<?php echo $name; ?>"> <?php echo $name;?></div></td>
        <div class="collapse" id="collapse<?php echo $name; ?>">
            <td><div class="col-md-2"> <?php echo $request;?></div></td>
            <td><div class="col-md-2"> <?php echo $order_no;?></div></td>
            <td><div class="col-md-2"> <?php echo $site_location;?></div></td>
            <td><div class="col-md-2"> <?php echo $item_code;?></div></td>
            <td><div class="col-md-2"> <?php echo $request;?></div></td>
            <td> <div class="col-md-2"><?php echo $Time;?></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=p&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-lock" style='margin-right:60px'></span></a></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=a&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-up" style='margin-right:60px'></span></a></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=r&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-down" style='margin-right:60px'></span></a></div></td>
        </div>
    </tr>
</div>

希望我为您指明了正确的方向。