2017-01-15 4 views
0

私はこの種の崩壊を私のPHPでしたいと思っています。次に例を示します。PHP Codeigniter foreach collapse

<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<a data-toggle="collapse" href="#collapse1">Heading</a> 
 
<div id="collapse1"> 
 
    <a data-toggle="collapse" href="#collapse2"> 
 
    Category 
 
    </a> 
 
</div> 
 
<div id="collapse2">Items</div>

私はここでは、そのような何かを適用する:

<?php 
$i=1;foreach($itemlist as $value) { 
    echo "<h3>Tower Type : ".$value['notower']."</h3><br>"; 

    foreach($value['items'] as $val) { ?> 
     <?= "<h4>".$val['groupem']."</h4><br>"; ?> 
     <table class ="table table-bordered table-hovered table-striped table-condensed"> 
     <thead> 
      <th><?= "Item Name" ?></th> 
      <th><?= "Value" ?> 
     </thead> 
     <tbody> 
      <?php foreach($val['item'] as $v) :?> 
      <tr> 
       <td><?= $v['nm_detailem']?></td> 
       <td><?= $v['em_value']?></td> 
      </tr> 
      <?php endforeach;?> 
     </tbody> 
     </table> 
    <?php } ?> 

<?php } ?> 

はどのように私はそれを行うことができますか?私はそれらを置く場所で立ち往生していますhref

+0

あなたが休憩を作成するためのチェックには何を計画していますか?またはループの繰り返しごとに1つずつしたいですか? – atoms

+0

私はループのすべての反復でしたい...私はすでにいくつかの崩壊をしようとしたが、私はグループのいずれかを閉じたとき、すべてのデータが崩壊する@原子 –

答えて

0

次を使用することができます。

$sOutput = ''; 
foreach ($aData as $sData){ 

    If($sOutput != ''){ 
     $sOutput .= '</div><div class="collapse hidden">'; 
    } 
    $sOutput .= '<a href=""></a>'; 
} 

If(count($sOutput) == 1 && $sOutput !== ''){$sOutput .= '</div>';} 

CSSに追加します。

.hidden{display:none;} 

あなたのjQueryのは次のようになります。

$(".collapse").on('click', function(){ 
    $('.collapse').addClass('hidden'); 
    $(this).removeClass('hidden'); 
}); 
+0

これは私が@ –