jquery - 带有表的Jquery Accordion

我正在尝试完成以下任务：

<div id="accordion">
<% i = 0 %>
        @handle_paises.each do |pais|
            @handle_publi_pais = Paquete.paque_pais(pais.id_pais)
            if !@handle_publi_pais.blank? %>
              <h3><a href="#"><%= pais.nombre %></a></h3>
              <div class="section">
                <table border="0" cellspacing="0" cellpadding="0" id="paque_tr_5">
                  <%@handle_publi_pais.each do |pais_cargado|%>
                      <tr>
                        <td width="71%" align="left" valign="top" id="paque_tr_1">
                          <%= pais_cargado.nombre_promocion.to_s %>
                        </td>
                        <td width="10%" align="center" valign="bottom" id="paque_tr_3">
                          <a href="xxx" title="yyy">
                            <img src="yyy"  width="26" height="18" border="0"/>
                          </a>
                        </td>
                      </tr>
                    <% i += 1 end%>
                </table>
              </div>
            <% end%>
</div>

但是，每个部分都以一个巨大的高度呈现（添加后，我不知道如何添加（不，这个类在任何css文件中都没有任何条目）

为什么会这样呢？

谢谢

更新：

这是输出

<div class="section ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="height: 663.6px;" role="tabpanel">

这是JSFIDDLE：http://jsfiddle.net/GaqLZ/2/

最佳答案

我相信您正在寻找的是autoHeight选项：

$(function() {
    $("#accordion").accordion({autoHeight: false, collapsible: true});
});

autoHeight默认为true，并使所有div的大小相同。因此，它会寻找最高的那个，并为每个单独的高度使用该高度。 autoHeight: false使每个单独的div仅与其内容一样高。

如果希望单个节点在打开后可以关闭，则可以添加collapsible: true属性。

关于jquery - 带有表的Jquery Accordion ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6363484/