JQuery Аккордеон со Столом внутри - PullRequest
Новая
       16

JQuery Аккордеон со Столом внутри

2 голосов
/ 15 июня 2011

Я пытаюсь сделать следующее: 

<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)

Почему это происходит?

Thanxxx

UPDATE:

это вывод 

<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/

Ответы [ 2 ]

2 голосов
/ 26 февраля 2016

heightStyle: "fill" - это свойство, которое вы ищете.

$( "#accordion" ).accordion({ collapsible: true, heightStyle: "fill" });
1 голос
/ 16 июня 2011

Я считаю, что вам нужна опция autoHeight: 

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

autoHeight по умолчанию true и делает все div одинакового размера. Таким образом, он ищет тот, который является самым высоким, и использует эту высоту для каждого. autoHeight: false делает каждый отдельный div только таким же высоким, как и его содержимое.

Вы можете добавить свойство collapsible: true, если хотите, чтобы отдельные узлы были закрыты после их открытия.

...