JQUERY UI Accordion开始崩溃

7 回答

• 1

  如果您查看代码中面板组的开头，请查找此内容

  <div id="collapseOne1" class="panel-collapse collapse in">
  

  如果你只是删除“in”，它会在页面加载时关闭面板 .

  回复于 2024-04-24T16:07:09+08:00
• 0

  如果您使用默认的jquery手风琴它始终显示第一个面板内容，您可以使用 active: false 属性禁用它 .

  jQuery(document).ready(function() {
      jQuery( "#accordion" ).accordion({
        collapsible: true,
        active: false,
      });
  });
  

  但它的默认行为是将所有面板设置为最高面板的高度 . 所以，为此你必须添加 "heightStyle" 属性 .

  heightStyle: "content",
  

  所以，每个小组只会与其内容一样高 .

  回复于 2024-04-24T16:07:09+08:00
• 3

  在您的选项中指定：

  {
    ...
    active: false,
    collapsible: true,
    ...
  }
  

  请参阅active的文档 .

  回复于 2024-04-24T16:07:09+08:00
• 8

  我试图做同样的事情 . 使用Jquery UI选项卡 . 当你开始时我想要没有显示5个标签 .

  使用active：false显示第5个标签内容 . 所以我设置标签CSS显示：none;因为它在线改变显示 . 希望这有助于某人！

  <script>
  $(function() {
      $( "#tabs" ).tabs({
          active: false,
          collapsible: true,
      });
  });
  

  而且在风格上

  #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
      display:none;
  }
  

  回复于 2024-04-24T16:07:09+08:00
• 4

  我使用这个代码，因为我使用的是Dreamweaver Widget，Topek没有为我工作的代码希望这会有所帮助，

  jQuery("#jQueryUIAccordion").accordion({ 
          event: "click",
          active: false,
          collapsible: true,
          autoHeight: false
  
      });
  

  回复于 2024-04-24T16:07:09+08:00
• 189

  要完成answer of topex，使用Jquery UI 1.10.3我必须在'active'之前设置'collapsible'选项 .

  $( ".accordion" ).accordion("option", { 
      collapsible: true,
      active: false
  });
  

  见documentation

  回复于 2024-04-24T16:07:09+08:00
• 0

  如果你正在使用所见即所得的“属性”和编码混淆，请尝试在“活动”框中输入一个比章节列表多一个的数字 . 我有12个部分，并在那里放“13”，它对我有用 .

  回复于 2024-04-24T16:07:09+08:00