JQuery Mobile hinzufügen zusammenklappbaren Inhalt dynamisch php

Question

Ich baue eine Webapp mit Jquery Mobile, wo ich Daten aus der externen Datenbank erhalten und zeigen Sie diese Daten als reduzierbaren Inhalt.

<div data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="true"> 
    <?php 


// display the results returned 
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
    printf('<h3><b> %s </h3> 
    <p> %s <p>',$row["OSO"], $row["AIKA"]); 
} 


     ?> 

Wie kann ich jeden H3 als zusammenklappbar Inhalt Titel zu erscheinen? Jetzt ist nur die erste als Titel und den Rest gezeigt wird, sind im Inhaltsbereich

Answer 1

Sie sollten für jeden Eintrag ein neues zusammenklappbar Element, wenn Sie mehrere Header wollen ...

<?php 
// display the results returned 
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
?> 
<div data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="true"> 
    <h3><?= $row["OSO"] ?></h3> 
    <p><?= $row["AIKA"] ?><p> 
</div> 
<?php } ?>