blocks|key|743821|text|在您的选项中指定：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|743822|{
++...
++active:+false,
++collapsible:+true,
++...
}|code-block|syntax|javascript|743823|请参阅active的文档。|offset|length|743824|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/accordion/#option-active^0|0|0|3|6|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

In your options specify:

<pre><code>{
 ...
 active: false,
 collapsible: true,
 ...
}
</code></pre>

See documentation for <a href="http://api.jqueryui.com/accordion/#option-active" rel="noreferrer">active</a>.

blocks|key|743867|text|我也想做同样的事情。使用Jquery+UI选项卡。当你开始的时候，我想没有显示5个标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|743868|使用active:+false显示第五个选项卡的内容。因此，我将选项卡CSS设置为display:none；因为它在行内更改了显示。希望这对某些人有帮助！|743869|<script>
$(function()+{
++++$(+"#tabs"+).tabs({
++++++++active:+false,
++++++++collapsible:+true,
++++});
});|code-block|syntax|javascript|743870|​|743871|在风格上|743872|#tabs-1,+#tabs-2,+#tabs-3,+#tabs-4,+#tabs-5{+
++++display:none;
}|743873|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I was trying to do the same thing. Using Jquery UI tabs. I wanted none to show with 5 tabs when you start. 

using active: false showed the 5th tabs content. 
So I set tabs CSS to display:none; since it in-line changes display. Hope this helps someone!

<pre><code>&lt;script&gt;
$(function() {
 $( "#tabs" ).tabs({
 active: false,
 collapsible: true,
 });
});
</code></pre>



And in the style

<pre><code>#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
 display:none;
}
</code></pre>

blocks|key|527340|text|我使用了这段代码，因为我使用的是Dreamweaver+Widget，Topek不能为我工作的代码希望这对我有帮助，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|527341|jQuery("#jQueryUIAccordion").accordion({+
++++++++event:+"click",
++++++++active:+false,
++++++++collapsible:+true,
++++++++autoHeight:+false

++++});|code-block|syntax|javascript|527342|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I used this code, as i was using a Dreamweaver Widget, the code that Topek didnt work for me
hope this helps, 

<pre><code>jQuery("#jQueryUIAccordion").accordion({ 
 event: "click",
 active: false,
 collapsible: true,
 autoHeight: false

 });
</code></pre>

blocks|key|743974|text|为了完成answer+of+topex，在Jquery+UI+1.10.3中，我必须在“活动”选项之前设置“可折叠”选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|743975|$(+".accordion"+).accordion("option",+{+
++++collapsible:+true,
++++active:+false
});|code-block|syntax|javascript|743976|请参阅documentation|743977|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/7947823/2530962|1|http://api.jqueryui.com/accordion/#option-active^0|4|F|0|0|0|3|D|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

To complete the <a href="https://stackoverflow.com/a/7947823/2530962">answer of topex</a>, With Jquery UI 1.10.3 I had to set the 'collapsible' option before the 'active' one.

<pre class="lang-js prettyprint-override"><code>$( ".accordion" ).accordion("option", { 
 collapsible: true,
 active: false
});
</code></pre>

See the <a href="http://api.jqueryui.com/accordion/#option-active" rel="nofollow noreferrer">documentation</a>

blocks|key|744044|text|如果你使用的是所见即所得的“属性”，并且代码混乱，试着在“活动”框中输入一个比你的部分列表多一个的数字。我有12个部分，并在其中添加了"13“，这对我很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|744045|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you're using the wysiwyg "Properties" and the coding confuses, try putting a number in the "Active" box one more than your list of Sections. I have 12 sections and put "13" in there and it worked for me.

blocks|key|527649|text|如果你使用的是默认的jquery+accordion，它总是显示第一个面板内容，你可以使用active:+false属性来禁用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|527650|jQuery(document).ready(function()+{
++++jQuery(+"#accordion"+).accordion({
++++++collapsible:+true,
++++++active:+false,
++++});
});|code-block|syntax|javascript|527651|但它的默认行为是所有面板都将设置为最高面板的高度。因此，您必须添加"heightStyle"属性。|527652|heightStyle:+"content",|527653|因此，每个面板的高度将仅与其内容相同。|527654|entityMap^0|19|D|0|0|X|D|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

If you are using default jquery accordion it always display first panel content, you can disable it by using <code>active: false</code> attribute.

<pre><code>jQuery(document).ready(function() {
 jQuery( "#accordion" ).accordion({
 collapsible: true,
 active: false,
 });
});
</code></pre>

but it's default behavior is for all panels will be set to the height of the tallest panel.
so, for that you have to add <code>"heightStyle"</code> attribute.

<pre><code>heightStyle: "content",
</code></pre>

so, each panel will be only as tall as its content.

blocks|key|744105|text|如果您在代码中查看面板组的开头，请查找以下内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|744106|<div+id="collapseOne1"+class="panel-collapse+collapse+in">+|code-block|syntax|javascript|744107|如果你只是去掉了"in“，当页面加载时，面板就会关闭。|744108|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you look at the beginning of the panel group in your code, look for this

<pre><code>&lt;div id="collapseOne1" class="panel-collapse collapse in"&gt; 
</code></pre>

if you just remove the "in" it has the panel close when the page loads.

How can I make the jquery UI accordion start collapsed when the form loads. Is there any javascript code for this?

JQUERY UI Accordion start collapsed

jQuery

如何使jquery UI accordion在表单加载时开始折叠。有没有什么javascript代码可以解决这个问题？

问JQUERY UI折叠开始
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY UI折叠开始EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY UI折叠开始
EN