展开所有 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;。

将该指令与其他一些东西结合使用，手风琴可以一键展开或隐藏。

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

请原谅我组织得不好的代码。来晚了，肯定有一点时间，写得更好。

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