Pengulangan Data Collapse

Gan, minta tolong...kalau saya ada beberapa data yang mau saya munculkan dengan cara collapse. Gimana ya cara pengulangannya?


<?php
    $ambildata = $member->ambildata();
    foreach ($ambildata as $key => $value): ?>
    <center style="padding: 5px;">
      <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo"><?php echo $value['nama_memb'] ?></button>
      <div id="demo" class="collapse">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      </div>

    </center>
  <?php endforeach ?>

Sementara baru stuck disitu, hasilnya seperti ini

Saya inginnya, itu Test1 sama Test 2 kalo di klik dibawahnya bisa muncul collapse yang berbeda beda.

Mohon bimbinganya om.

php css html

@elsetiyawan

16 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

tinggal bedain aja data-target sama id nya gan.. simplenya gini gan. CMIIW

 <?php
    $ambildata = $member->ambildata();
    $i = 1;
    foreach ($ambildata as $key => $value): ?>
    <center style="padding: 5px;">
      <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#data-<?php echo $i; ?>"><?php echo $value['nama_memb'] ?></button>
      <div id="data-<?php echo $i; ?>" class="collapse">
        <?php echo $value['data yg ingin ditampilkan']; ?>.
      </div>

    </center>
  <?php
   $i++;
   endforeach
?>

@dras

24 Kontribusi 13 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Pengulangan Data Collapse

Kelas Premium!
Belajar bikin website dari nol sekarang