JQueryモバイルは折り畳み可能なコンテンツを動的に追加します

Question

私は外部データベースからデータを取得し、折りたたみ可能なコンテンツとしてそのデータを表示する必要があるjquery mobileを使用してWebアプリケーションを構築しています。

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