我试图在使用jquery ui mobile来构造可折叠列表以展开/折叠所有列表的网页上放置一个按钮。但是，我对jquery和javascript编码还很陌生，所以遇到了一些问题。我已将按钮放入其中，但是单击它后代码没有响应。我将如何更正此代码，使其成功扩展/折叠？
该按钮的代码在这里：
<script type="text/javascript" src="js/jquery-1.11.2.min.js">
$('#collapsible1').click("click", showHide);
var collapsible = $('.collapsible');
collapsible.hide();
function showHide() {
if(collapsible.is(':hidden'))
collapsible.slideDown();
else
collapsible.slideUp();
}
</script>
该按钮的初始化方式如下：
<button id="collapsible1">Show/Hide</button>
我正在测试的模板在这里：http : //jsfiddle.net/TLittler/9ndzm3cc/5/
可折叠窗口小部件具有展开和折叠方法：
http://api.jquerymobile.com/collapsible/#method-expand
因此，您可以像下面这样展开所有可折叠对象：
$('[data-role="collapsible"]').collapsible( "expand" );
然后像这样折叠它们：
$('[data-role="collapsible"]').collapsible( "collapse" );
更新了FIDDLE
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句