jquery-mobile - JQuery-アイコンをクリックするとモバイルが展開/折りたたみますか？

Question

collapsibe divのアイコンクリックでのみ展開/折りたたみを実装する方法を知っている人はいますか？

Answer 1

jQM の折りたたみ可能なコンテンツを試してください。必要なのはdata-role="collapsible"、div に追加することだけです。

<div data-role="collapsible">
   <h3>I'm a header</h3>
   <p>
      I'm the collapsible content. 
      By default I'm closed, but you can click the header to open me.
   </p>
</div>

Answer 2

私は次の方法を見つけました：

...
                collapsibleHeading.find(".ui-icon").bind("click", function (event) {
                    var type = collapsibleHeading.is(".ui-collapsible-heading-collapsed") ?
                                                                                "expand" :                "collapse";

                    collapsible.trigger(type);

                    event.preventDefault();
                });

詳細が必要な場合は、お知らせください。