Javascript JQuery UI手风琴-嵌套手风琴未设置动画

我有多个嵌套的jQueryUI手风琴-一个手风琴包含另一个。 在展开嵌套的手风琴（一开始不可见）后，查看附加的小提琴和动画（或者更确切地说是缺少的动画）。很难用语言来解释

如何实现平滑的“推送”动画

带手风琴的HTML：

<div id="accordion_broadcasts">
  <div id="acc_broadcasts_header">
    <div class="accordion_descriptions">
      <div class="acc_descriptions_header">
        <table class="broadcast_table">
          <tr class="broadcast_tr">
            <td class="broadcast_td1">foobar</td>
            <td class="broadcast_td2">CLICK (working)</td>
          </tr>
        </table>
      </div>
      <div>
        only visible if unfolded
      </div>
    </div>
  </div>
  <div>
    <div class="accordion_descriptions">
      <div class="acc_descriptions_header">
        <table class="broadcast_table">
          <tr class="broadcast_tr">
            <td class="broadcast_td1">foobar</td>
            <td class="broadcast_td2">CLICK (poorly animated)</td>
          </tr>
        </table>
      </div>
      <div>
        only visible if unfolded
      </div>
    </div>
  </div>
</div>

注1：JSFIDLE示例是我实际代码的简化版本。问题依旧

---

注2：这些手风琴上可能有一些不必要的刷新调用。我一直在使用刷新方法，直到手风琴发挥了一定的作用。

神奇的是在外部手风琴的属性中添加

heightStyle:“content”

所以它的Javascript看起来是这样的：

$( "#accordion_broadcasts" ).accordion({
  collapsible: true,
  active: false,
  disabled: true,
  header: "#acc_broadcasts_header",
  heightStyle: "content",
  activate: function(event, ui) {        
    $( ".accordion_descriptions" ).accordion("refresh");
    $( "#accordion_broadcasts" ).accordion("refresh");
  }
});

请参阅我的更新

我也有同样的问题，并通过这种方式解决了它。

---

在我的研究中，我发现，当手风琴展开时，外部手风琴的内容高度为零。因此，如果您现在知道嵌套内容的确切大小，设置内容div的高度将是一个解决方案，但是

heightStyle:“content”

可以为您做到这一点。

神奇的是将

heightStyle:“content”

添加到外部手风琴的属性中

所以它的Javascript看起来是这样的：

$( "#accordion_broadcasts" ).accordion({
  collapsible: true,
  active: false,
  disabled: true,
  header: "#acc_broadcasts_header",
  heightStyle: "content",
  activate: function(event, ui) {        
    $( ".accordion_descriptions" ).accordion("refresh");
    $( "#accordion_broadcasts" ).accordion("refresh");
  }
});

请参阅我的更新

我也有同样的问题，并通过这种方式解决了它。

---

在我的研究中，我发现，当手风琴展开时，外部手风琴的内容高度为零。因此，如果您现在知道嵌套内容的确切大小，那么设置内容div的高度将是一个解决方案，但是

heightStyle:“content”

可以帮您做到这一点。

请在问题本身中包括a，而不是在第三方网站上。@Mikemcaughan完成。请在问题本身中包括a，而不是在第三方网站上。@Mikemcaughan完成。