JQuery-Mobile在图标上单击展开/折叠？

Question

有没有人知道如何实现展开/折叠只在图标点击collapsibe div？

Answer 1

我发现下面的方法：

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

        collapsible.trigger(type); 

        event.preventDefault(); 
       }); 

如果您需要更多的细节让我知道吧。

Answer 2

尝试jQM的Collapsible content。所有你需要的就是添加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>