展开所有 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-header 类 的 .ui-accordion-content 都有一个简单的 css 指令：display:none;。

结合其他一些东西操纵该指令，只需单击一下即可展开或隐藏手风琴。

这是你的 fiddle 更新了一些代码行来做你想做的事 -> https://jsfiddle.net/g0ogLhey/1/

对不起，代码组织得不好。来晚了，肯定有一点时间，可能写得更好。

将我的代码作为改进您的代码的起点。