展开所有jquery-UI手风琴

Question

我正在尝试构建一个jQuery-UI手风琴。有人知道如何制作按钮以便全部展开。

脚本：

$(function() {
    $( "#accordion" )
      .accordion({
        header: "> div > h3"
      })
      .sortable({
        axis: "y",
        handle: "h3",
        stop: function( event, ui ) {
          ui.item.children( "h3" ).triggerHandler( "focusout" );
          $( this ).accordion( "refresh" );
        }
      });
  });

http://jsfiddle.net/g0ogLhey/

Answer 1

如果您检查窗口小部件结构，则可以看到每个.ui-accordion-content类的.ui-accordion-header都有一个简单的css指令：display:none;。

与其他一些东西一起操作该指令，只需点击一下即可扩展或隐藏手风琴。

在这里，你的小提琴更新了一些代码行来做你想要的 - ＆gt; https://jsfiddle.net/g0ogLhey/1/

请原谅我没有组织良好的代码。它已经很晚了，肯定会有一点时间，可能会写得更好。

将我的代码视为改善你的代码的起点。