解决方法
这样的事情有用吗?
> http://jsfiddle.net/UUhMa/
> http://jsfiddle.net/UUhMa/3/(没有foreach)
JS
$('#openAll').on('click',function() { $('.openMe').each(function() { var coll = $(this); coll.trigger('expand'); }); }); $('#closeAll').on('click',function() { $('.openMe').each(function() { var coll = $(this); coll.trigger('collapse'); }); });
替代JS(没有foreach):
$('#openAll').on('click',function() { $('.openMe').trigger('expand'); }); $('#closeAll').on('click',function() { $('.openMe').trigger('collapse'); });
HTML
<div data-role="collapsible" class="openMe"> <h3>Hello 1</h3> <p>I'm the collapsible content. By default I'm closed,but you can click the header to open me.</p> </div> <div data-role="collapsible" class="openMe"> <h3>Hello 2</h3> <p>I'm the collapsible content. By default I'm closed,but you can click the header to open me.</p> </div> <div data-role="collapsible" class="openMe"> <h3>Hello 3</h3> <p>I'm the collapsible content. By default I'm closed,but you can click the header to open me.</p> </div> <br /> <a href="#" data-role="button" id="openAll">Open All Collapsible</a> <a href="#" data-role="button" id="closeAll">Close All Collapsible</a>
文档:
> http://jquerymobile.com/demos/1.1.0/docs/content/content-collapsible.html
> http://jsfiddle.net/UUhMa/1/
设置文档:
> http://jquerymobile.com/demos/1.1.0/docs/content/content-collapsible-set.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。