JQuery mobile 접이식 컨텐트를 동적으로 추가합니다.

Question

외부 데이터베이스에서 데이터를 가져 와서 해당 데이터를 축소 가능한 컨텐트로 표시해야하는 jquery mobile을 사용하여 webapp을 작성합니다.

<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"]); 
} 


     ?> 

어떻게 모든 H3는 접을 수있는 내용 제목으로 표시 할 수 있습니까? 컨텐츠 섹션에서 이제 첫 번째는 제목과 나머지로 표시되어 있습니다

여러 헤더를 원하는 경우 각 항목에 대한 새 접을 수있는 항목을 확인해야합니다

Answer 1

...

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